highlight archive on uncertainty view

abunai-dev · Apr 24, 2024 · d6de8d5 · d6de8d5
1 parent 21e291e
commit d6de8d5
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/UncertaintySourceArchive/src/components/NavBar.vue b/UncertaintySourceArchive/src/components/NavBar.vue
@@ -23,6 +23,7 @@
             },
             name: 'Archive'
           }"
+          :alternative-link-names="['uncertainty']"
         />
         <NavBarComponent
           :link="{

diff --git a/UncertaintySourceArchive/src/components/NavBarComponent.vue b/UncertaintySourceArchive/src/components/NavBarComponent.vue
@@ -26,7 +26,12 @@
 <script setup lang="ts">
 import { router } from '@/router'
 import type { PropType } from 'vue'
-import { RouterLink, type RouteLocationNamedRaw, type RouteParamsRaw } from 'vue-router'
+import {
+  RouterLink,
+  type RouteLocationNamedRaw,
+  type RouteParamsRaw,
+  type RouteRecordName
+} from 'vue-router'
 
 type Route = {
   link: RouteLocationNamedRaw
@@ -42,12 +47,19 @@ const props = defineProps({
     type: Array as PropType<Route[]>,
     required: false,
     default: () => []
+  },
+  alternativeLinkNames: {
+    type: Array<RouteRecordName>,
+    required: false,
+    default: () => []
   }
 })
 
 function isCurrentRoute(route?: Route): boolean {
   const link = route ?? props.link
-  const sameName = router.currentRoute.value.name == link.link.name
+  const sameName =
+    router.currentRoute.value.name == link.link.name ||
+    props.alternativeLinkNames.includes(router.currentRoute.value.name ?? '')
   if (link.link.params != undefined) {
     return (
       sameName &&