From df6c8e5aef7ebc6110c5046a5dc5e45f8adb9e2c Mon Sep 17 00:00:00 2001
From: chansee97 <chen.dev@foxmail.com>
Date: Wed, 8 May 2024 14:35:18 +0800
Subject: [PATCH] fix: Ensure parent node expands in Tab routing switch

Co-authored-by: JuneOY <JuneOY@users.noreply.github.com>
---
 src/layouts/components/sider/Menu.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/layouts/components/sider/Menu.vue b/src/layouts/components/sider/Menu.vue
index abf6b22..050ef50 100644
--- a/src/layouts/components/sider/Menu.vue
+++ b/src/layouts/components/sider/Menu.vue
@@ -1,13 +1,25 @@
 <script setup lang="ts">
+import type { MenuInst } from 'naive-ui'
 import { useAppStore } from '@/store'
 import { useRouteStore } from '@/store/route'
 
+const route = useRoute()
 const appStore = useAppStore()
 const routesStore = useRouteStore()
+
+const menuInstRef = ref<MenuInst | null>(null)
+watch(
+  () => route.path,
+  () => {
+    menuInstRef.value?.showOption(routesStore.activeMenu as string)
+  },
+  { immediate: true },
+)
 </script>
 
 <template>
   <n-menu
+    ref="menuInstRef"
     :collapsed="appStore.collapsed"
     :indent="20"
     :collapsed-width="64"