🛠️ Create custom svgl version component

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">

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}

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",
 };