Including Version number on about page

src/routes/about/+page.svelte

@@ -1,8 +1,20 @@
+<script lang="ts">
+	import { version } from '$app/environment'
+</script>
+
 <svelte:head>
 	<title>About</title>
 	<meta name="description" content="Information about this Website" />
 </svelte:head>
 
+<p>
+	Version:
+	<a href="https://forgejo.neshweb.net/Neshweb-Sites/main-site/releases/tag/{version}" class="hover:underline">
+		{version}
+	</a>
+</p>
+
+
 <p class="text-background">Background</p>
 <p class="text-foreground">Foreground</p>
 <p class="text-muted">Muted</p>

svelte.config.js

@@ -1,6 +1,10 @@
 import adapter from '@sveltejs/adapter-auto';
 import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-import path from "path";
+import { readFileSync } from 'node:fs';
+import { fileURLToPath } from 'node:url';
+
+const path = fileURLToPath(new URL('package.json', import.meta.url));
+const pkg = JSON.parse(readFileSync(path, 'utf8'));
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
@@ -13,6 +17,9 @@ const config = {
 		// If your environment is not supported or you settled on a specific environment, switch out the adapter.
 		// See https://kit.svelte.dev/docs/adapters for more information about adapters.
 		adapter: adapter(),
+		version: {
+			name: pkg.version
+		}
 	}
 };