From 80ecd6fcd62a738cb4f82fa9a53a852c7beadf5a Mon Sep 17 00:00:00 2001
From: Red-Asuka <liyd0623@gmail.com>
Date: Mon, 18 Dec 2023 17:11:13 +0800
Subject: [PATCH] fix(theme): fix ineffective activeMatch configuration

---
 .../theme-default/components/VPNavBarMenuGroup.vue | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/client/theme-default/components/VPNavBarMenuGroup.vue b/src/client/theme-default/components/VPNavBarMenuGroup.vue
index a38eded4bc26..3779ec373c18 100644
--- 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"