diff --git a/src/lib/components/NavBar.svelte b/src/lib/components/NavBar.svelte
index 3ba5ee7..a43b65f 100644
--- a/src/lib/components/NavBar.svelte
+++ b/src/lib/components/NavBar.svelte
@@ -2,7 +2,7 @@
 	import HoverIcon from '$lib/components/HoverIcon.svelte';
 	import { page } from '$app/state';
 
-	export let routes: App.Route[];
+	let { routes }: { routes: App.Route[] } = $props();
 
 	function isActive(route: string): boolean {
 		if (route === '/') return page.url.pathname === route;