[+] Dynamic version number

package.json

@@ -1,7 +1,7 @@
 {
   "name": "amaoke",
   "private": true,
-  "version": "0.0.1",
+  "version": "1.0.1",
   "type": "module",
   "scripts": {
     "dev": "vite dev",

src/routes/about/+page.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import AppBar from "$lib/ui/appbar/AppBar.svelte"
   import Button from "$lib/ui/Button.svelte"
+  import { version } from '$app/environment';
   import "@fontsource/darumadrop-one"
 
   // Generate 20 random lines of hiragana
@@ -35,7 +36,7 @@
     </div>
     <div class="z-10">
       <div class="app-name text-32px">アマオケ</div>
-      <div class="m3-font-body-medium mfg-on-surface-variant">FOSS 1.0.0</div>
+      <div class="m3-font-body-medium mfg-on-surface-variant">FOSS {version}</div>
       <div class="m3-font-body-medium mfg-on-surface">
         Made with ♥ and 🔮 by <br>
         <a href="https://maigo.dev" target="_blank" class="mfg-primary">MaigoLabs</a> 2025

svelte.config.js

@@ -8,6 +8,9 @@ const config = {
 	preprocess: vitePreprocess(),
 
 	kit: {
+		version: {
+			name: process.env.npm_package_version
+		},
 		// adapter-auto only supports some environments, see https://svelte.dev/docs/kit/adapter-auto for a list.
 		// If your environment is not supported, or you settled on a specific environment, switch out the adapter.
 		// See https://svelte.dev/docs/kit/adapters for more information about adapters.