fix(theme): fix ineffective activeMatch configuration

vuejs · Dec 18, 2023 · 80ecd6f · 80ecd6f
1 parent 0c434bf
commit 80ecd6f
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/src/client/theme-default/components/VPNavBarMenuGroup.vue b/src/client/theme-default/components/VPNavBarMenuGroup.vue
@@ -24,17 +24,21 @@ const isChildActive = (navItem: DefaultTheme.NavItem) => {
 }
 
 const childrenActive = computed(() => isChildActive(props.item))
+
+const menuActive = computed(() => {
+ const { activeMatch } = props.item
+ if (activeMatch)
+ return isActive(page.value.relativePath, activeMatch, true)
+ else
+ return childrenActive.value
+})
 </script>
 
 <template>
  <VPFlyout
  :class="{
  VPNavBarMenuGroup: true,
- active: isActive(
- page.relativePath,
- item.activeMatch,
- !!item.activeMatch
- ) || childrenActive
+ active: menuActive
  }"
  :button="item.text"
  :items="item.items"