diff --git a/components/Header.vue b/components/Header.vue index 75537eb..c8a82d3 100644 --- a/components/Header.vue +++ b/components/Header.vue @@ -11,7 +11,7 @@ v-for="(nav, navIdx) in navigation" :class="[ 'transition uppercase font-display font-semibold text-md', - navIdx === currentPageIndex + navIdx === currentNavigation ? 'text-zinc-100' : 'text-zinc-400 hover:text-zinc-200', ]" @@ -78,7 +78,7 @@ const navigation: Array = [ }, ]; -const currentPageIndex = useCurrentNavigationIndex(navigation); +const {currentNavigation} = useCurrentNavigationIndex(navigation); const quickActions: Array = [ { diff --git a/composables/current-page-engine.ts b/composables/current-page-engine.ts index 463ad19..0990195 100644 --- a/composables/current-page-engine.ts +++ b/composables/current-page-engine.ts @@ -26,5 +26,7 @@ export const useCurrentNavigationIndex = ( currentNavigation.value = calculateCurrentNavIndex(to); }); - return currentNavigation; + return {currentNavigation, recalculateNavigation: () => { + currentNavigation.value = calculateCurrentNavIndex(route); + }}; }; diff --git a/pages/library.vue b/pages/library.vue index ab5079a..6c8f6d3 100644 --- a/pages/library.vue +++ b/pages/library.vue @@ -1,28 +1,17 @@ diff --git a/pages/settings.vue b/pages/settings.vue index 3c39c65..2b92ff9 100644 --- a/pages/settings.vue +++ b/pages/settings.vue @@ -10,13 +10,13 @@