From aad1ad5f7c9b061249725878d86e407fc3af8af8 Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Fri, 11 Oct 2024 16:11:11 -0700
Subject: [PATCH] Fix nav highlighting

---
 src/lib/components/PrimaryNavItem.svelte | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/PrimaryNavItem.svelte b/src/lib/components/PrimaryNavItem.svelte
index 3e0d075c..c0b3e9bd 100644
--- a/src/lib/components/PrimaryNavItem.svelte
+++ b/src/lib/components/PrimaryNavItem.svelte
@@ -1,11 +1,14 @@
 <script lang="ts">
   import {page} from "$app/stores"
   import Button from "@lib/components/Button.svelte"
+  import {getPrimaryNavItem} from '@app/routes'
 
   export let title = ""
   export let href = ""
 
-  $: active = href && $page.route?.id?.startsWith(href)
+  $: itemSegment = href.split('/')[1]
+  $: currentSegment = $page.route?.id?.split('/')[1]
+  $: active = itemSegment === currentSegment
 </script>
 
 {#if href}