From 26b8f0a2ae81db038eb54e814f54d2e5e69fd52e Mon Sep 17 00:00:00 2001
From: pheralb <pablohdez4340@gmail.com>
Date: Sat, 30 Aug 2025 22:31:51 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=9B=A0=EF=B8=8F=20Create=20custom=20svgl?=
 =?UTF-8?q?=20version=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/layout/header.svelte | 4 ++--
 src/components/svglVersion.svelte   | 8 ++++++++
 src/globals.ts                      | 1 -
 3 files changed, 10 insertions(+), 3 deletions(-)
 create mode 100644 src/components/svglVersion.svelte

diff --git a/src/components/layout/header.svelte b/src/components/layout/header.svelte
index fcc2ab4..a786aea 100644
--- a/src/components/layout/header.svelte
+++ b/src/components/layout/header.svelte
@@ -9,8 +9,8 @@
   import Twitter from "@/components/logos/twitter.svelte";
 
   import { Separator } from "@/components/ui/separator";
-  import Badge from "@/components/ui/badge/badge.svelte";
   import { buttonVariants } from "@/components/ui/button";
+  import SvglVersion from "@/components/svglVersion.svelte";
   import SendIcon from "@/components/ui/moving-icons/send-icon.svelte";
 
   interface HeaderProps {
@@ -37,7 +37,7 @@
         <Svgl size={28} />
         <h2 class="font-onest text-xl font-medium tracking-tight">svgl</h2>
       </a>
-      <Badge variant="outline">{globals.currentVersion}</Badge>
+      <SvglVersion />
     </div>
     <div class="flex h-8 items-center">
       <div class="flex items-center space-x-0.5">
diff --git a/src/components/svglVersion.svelte b/src/components/svglVersion.svelte
new file mode 100644
index 0000000..ce128bd
--- /dev/null
+++ b/src/components/svglVersion.svelte
@@ -0,0 +1,8 @@
+<script>
+  import { PUBLIC_SVGL_VERSION } from "$env/static/public";
+  import Badge from "@/components/ui/badge/badge.svelte";
+</script>
+
+{#if PUBLIC_SVGL_VERSION}
+  <Badge variant="outline">{PUBLIC_SVGL_VERSION}</Badge>
+{/if}
diff --git a/src/globals.ts b/src/globals.ts
index e64c186..dee1f29 100644
--- a/src/globals.ts
+++ b/src/globals.ts
@@ -4,5 +4,4 @@ export const globals = {
   twitterUrl: "https://x.com/pheralb_",
   submitUrl:
     "https://github.com/pheralb/svgl?tab=readme-ov-file#-getting-started",
-  currentVersion: "beta",
 };