custom router now working

src/lib/Router.svelte

@@ -0,0 +1,46 @@
+<!-- DO NOT TOUCH THIS FILE AT ANY COST -->
+<!-- unless the router is broken 👉👈 -->
+
+<script>
+  let { routes } = $props();
+
+  let currentPath = $state(window.location.pathname);
+  let CurrentComponent = $derived(routes[currentPath] || routes["/"]);
+
+  function navigate(path) {
+    window.history.pushState({}, "", path);
+    currentPath = path;
+  }
+
+  // Handle back/forward buttons
+  $effect(() => {
+    const handlePopState = () => {
+      currentPath = window.location.pathname;
+    };
+
+    window.addEventListener("popstate", handlePopState);
+
+    return () => window.removeEventListener("popstate", handlePopState);
+  });
+
+  // Intercept link clicks
+  $effect(() => {
+    const handleClick = (e) => {
+      if (
+        e.target.tagName === "A" &&
+        e.target.getAttribute("href")?.startsWith("/")
+      ) {
+        e.preventDefault();
+        navigate(e.target.getAttribute("href"));
+      }
+    };
+
+    window.addEventListener("click", handleClick);
+
+    return () => window.removeEventListener("click", handleClick);
+  });
+</script>
+
+{#if CurrentComponent}
+  <CurrentComponent />
+{/if}

src/lib/theme.js

@@ -1,17 +1,19 @@
+// THEME STORE for LIGHT / DARK mode
+
 import { writable } from 'svelte/store'
 
 const init = (() => {
   try {
     const stored = localStorage.getItem('theme')
     if (stored === 'light' || stored === 'dark') return stored
-  } catch (e) {}
+  } catch (e) { }
   return (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) ? 'dark' : 'light'
 })()
 
 export const theme = writable(init)
 
 theme.subscribe(value => {
-  try { localStorage.setItem('theme', value) } catch (e) {}
+  try { localStorage.setItem('theme', value) } catch (e) { }
   document.documentElement.dataset.theme = value
 })