fix(nav item): do not open all the items

rezozero · Feb 21, 2024 · f5f43bb · f5f43bb
1 parent 68ff6ca
commit f5f43bb
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/runtime/components/StoriesNav.vue b/src/runtime/components/StoriesNav.vue
@@ -105,7 +105,7 @@ const filteredItemList = computed(() => {
             <input v-model="search" type="text" :class="$style.search__input" />
             <button :class="$style.search__clear" @click="search = ''" />
         </div>
-        <StoriesNavItem v-for="(item, key) in filteredItemList" :key="key" :item="item" :label="key" open />
+        <StoriesNavItem v-for="(item, key) in filteredItemList" :key="key" :item="item" :label="key" />
     </div>
 </template>
 

diff --git a/src/runtime/components/StoriesNavItem.vue b/src/runtime/components/StoriesNavItem.vue
@@ -47,8 +47,10 @@ function getLinkValues(obj: Object & { to?: string }) {
     }, [])
 }
 
+const linkValues = computed(() => getLinkValues(props.item))
+
 const hasActiveParentRoute = computed(() => {
-    return getLinkValues(props.item).includes(route.path)
+    return linkValues.value.includes(route.path)
 })
 
 const isOpen = ref(props.open || hasActiveParentRoute.value)