💚 fix pathing

Author: funkyFangs

.github/workflows/deploy.yml

@@ -15,6 +15,7 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: '20'
+          cache: npm
       - name: Install
         run: npm ci
       - name: Lint

package.json

@@ -11,7 +11,7 @@
     "test": "npx vitest run",
     "test:watch": "npx vitest watch",
     "lint": "npx prettier --check . && npx eslint .",
-    "format": "npx prettier --write",
+    "format": "npx prettier --write .",
     "prepare": "husky"
   },
   "devDependencies": {

src/lib/menu/HeaderMenu.svelte

@@ -21,6 +21,7 @@ If you wanted to display a header menu titled "My Application" with an anchor ca
 <script lang="ts">
   import { fly } from 'svelte/transition'
   import { Hamburger } from 'svelte-hamburgers'
+  import { base } from '$app/paths'
 
   export let title: string
 
@@ -29,7 +30,7 @@ If you wanted to display a header menu titled "My Application" with an anchor ca
 
 <header>
   <Hamburger --color="var(--font-color)" bind:open />
-  <a href="/"><h1>{title}</h1></a>
+  <a href="{base}/"><h1>{title}</h1></a>
 </header>
 
 {#if open}

src/routes/+layout.svelte

@@ -5,17 +5,18 @@
   import { Circle2 } from 'svelte-loading-spinners'
   import { SpritePreference } from '$lib/menu/SpritePreference'
   import SliderToggle from '$lib/menu/controls/SliderToggle.svelte'
+  import { base } from '$app/paths'
 
   export let data
   const { spritePreference, showNormal } = data
 </script>
 
 <HeaderMenu title="Shiny Hunter">
   <ul>
-    <li><span><a href="/">Trackers</a></span></li>
-    <li><span><a href="/history">History</a></span></li>
-    <li><span><a href="/about">About</a></span></li>
-    <li><span><a href="/credits">Credits</a></span></li>
+    <li><span><a href="{base}/">Trackers</a></span></li>
+    <li><span><a href="{base}/history">History</a></span></li>
+    <li><span><a href="{base}/about">About</a></span></li>
+    <li><span><a href="{base}/credits">Credits</a></span></li>
     <li>
       <label for="sprite-preference">Sprite Preference</label>
       <select id="sprite-preference" bind:value={$spritePreference}>