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