From ea599f2397948eccf73e38b0ce4dd8516fac4b76 Mon Sep 17 00:00:00 2001
From: Ax333l <main@axelen.xyz>
Date: Sun, 23 Oct 2022 22:08:10 +0200
Subject: [PATCH] feat: prefetching and instant page switching

---
 src/lib/components/atoms/NavButton.svelte | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/atoms/NavButton.svelte b/src/lib/components/atoms/NavButton.svelte
index 3f144c4..5447b11 100644
--- a/src/lib/components/atoms/NavButton.svelte
+++ b/src/lib/components/atoms/NavButton.svelte
@@ -1,10 +1,20 @@
 <script>
-	import { page } from '$app/stores';
+	import { page, navigating } from '$app/stores';
 	export let href = '/';
-	$: current = href === $page.url.pathname;
+  let nav = null;
+
+  $: current_page = $page.url.pathname;
+  $: {
+    nav = $navigating;
+    if (nav != null && nav.to != null) {
+      current_page = nav.to.url.pathname;
+    }
+  }
+
+	$: current = href === current_page;
 </script>
 
-<a {href}>
+<a data-sveltekit-prefetch {href}>
 	<li class:selected={current === true}>
 		<slot />
 	</li>