diff --git a/src/docs/components/PageHeader/PageHeader.svelte b/src/docs/components/PageHeader/PageHeader.svelte
index bb32d6db..8c1c9958 100644
--- a/src/docs/components/PageHeader/PageHeader.svelte
+++ b/src/docs/components/PageHeader/PageHeader.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { version } from '$app/environment';
 	import { drawer } from '$docs/stores.svelte';
 
 	// Icons
@@ -26,7 +27,7 @@
 				class="btn-rose-sm"
 				target="_blank"
 			>
-				v1.0.0
+				v{version}
 			</a>
 		</div>
 	</div>
diff --git a/svelte.config.js b/svelte.config.js
index 625c5faa..2c93dadb 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -1,5 +1,6 @@
 import adapter from '@sveltejs/adapter-auto';
 import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
+import { readFileSync } from 'node:fs';
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
@@ -8,6 +9,9 @@ const config = {
 		adapter: adapter(),
 		alias: {
 			$docs: './src/docs'
+		},
+		version: {
+			name: JSON.parse(readFileSync('./package.json')).version ?? '0.0.0'
 		}
 	}
 };