fix sidebar not expand when load

src/components/Navigation/Aside/Aside.vue

@@ -24,18 +24,19 @@ watch(route, (to, _) => {
     closeSideBar()
 })
 
-onMounted(() => {
-    menu.menuSelected = router.currentRoute.value.fullPath
-    if (menu.menuSelected !== '/' && menu.menuSelected !== '/home' && menu.menuSelected.includes('/home')) {
-        const result = splitRoutePath(menu.menuSelected)
+// onMounted(() => {
+//     menu.menuSelected = router.currentRoute.value.fullPath
 
-        for (const route of result) {
-            if (route !== '/home') {
-                menu.toggleSidebarMenu(route, true)
-            }
-        }
-    }
-})
+//     if (menu.menuSelected !== '/' && menu.menuSelected !== '/home' && menu.menuSelected.includes('/home')) {
+//         const result = splitRoutePath(menu.menuSelected)
+
+//         for (const route of result) {
+//             if (route !== '/home') {
+//                 menu.toggleSidebarMenu(route, true)
+//             }
+//         }
+//     }
+// })
 
 const isMenu = (name: string) => {
     return menu.menuSelected === name

src/components/Navigation/Aside/AsideMenuMultiple.vue

@@ -33,7 +33,7 @@ const isMenuSelected = computed(() => {
 
 <template>
     <div :class="[isChildren ? 'ml-2 mt-1 bg-primary-100 rounded-xl' : '']">
-        <Disclosure v-bind:default-open="isMenuSelected ? true : false" as="dev">
+        <Disclosure :defaultOpen="item.expanded" as="dev">
             <!-- Nested item with children -->
             <DisclosureButton @click="menu.toggleSidebarMenu(item.path, !item.expanded)"
                 :class="[(isMenuSelected || item.expanded || isChildren || item.expanded) ? 'bg-primary-100 font-bold' : 'font-semibold text-aside hover:bg-primary-100 hover:text-primary-500', isMenuSelected ? 'text-primary-500' : 'text-gray-600', isChildren ? 'pl-1 pr-2' : 'px-2', 'group w-full flex items-center py-2 text-left text-xs rounded-lg focus:outline-none focus:ring-0']">