diff --git a/src/layout/sidebar/index.vue b/src/layout/sidebar/index.vue
index edae7cc..d74335c 100644
--- a/src/layout/sidebar/index.vue
+++ b/src/layout/sidebar/index.vue
@@ -11,7 +11,7 @@
         :collapse-transition="false"
         mode="vertical"
       >
-        <sidebar-item v-for="route in allRoutes" :key="route.path" :item="route" :base-path="route.path" />
+        <sidebar-item v-for="r in allRoutes" :key="r.path" :item="r" :base-path="r.path" />
       </el-menu>
     </el-scrollbar>
   </div>
@@ -20,18 +20,16 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import { storeToRefs } from 'pinia/dist/pinia'
-import { useRoute } from 'vue-router'
+import { useRoute } from "vue-router";
 import Logo from './Logo.vue'
 import SidebarItem from './SidebarItem.vue'
 import { useBasicStore } from '@/store/basic'
 const { settings, allRoutes, sidebar } = storeToRefs(useBasicStore())
-const { meta, path } = useRoute()
-const activeMenu = computed(() => {
-  // if set path, the sidebar will highlight the path you set
-  if (meta.activeMenu) {
-    return meta.activeMenu
-  }
-  return path
+const route = useRoute()
+const activeMenu = ref<any>(route.path);
+
+watch(() => route.path, val => {
+  activeMenu.value = val
 })
 </script>
 <style lang="scss">