feat/menu-structure: wip

app/components/layout/AppSidebar.vue

@@ -1,5 +1,10 @@
 <script setup lang="ts">
-const navMenu = ref([])
+type NavGroup = {
+  heading?: string
+  items: any[]
+}
+
+const navMenu = ref<NavGroup[]>([])
 
 const teams: {
   name: string
@@ -12,7 +17,14 @@ const teams: {
     plan: 'Saiful Anwar Hospital',
   },
 ]
-const sidebar = {
+
+type Sidebar = {
+  collapsible: 'offcanvas' | 'icon' | 'none'
+  side: 'left' | 'right'
+  variant: 'sidebar' | 'floating' | 'inset'
+}
+
+const sidebar: Sidebar = {
   collapsible: 'offcanvas', // 'offcanvas' | 'icon' | 'none'
   side: 'left', // 'left' | 'right'
   variant: 'sidebar', // 'sidebar' | 'floating' | 'inset'

app/components/layout/SidebarNavFooter.vue

@@ -37,7 +37,7 @@ const showModalTheme = ref(false)
                   {{
                     userStore?.user_name
                       ?.split(' ')
-                      .map((n) => n[0])
+                      .map((n: string) => n[0])
                       .join('') || ''
                   }}
                 </AvatarFallback>
@@ -52,7 +52,7 @@ const showModalTheme = ref(false)
           <DropdownMenuContent
             class="w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg bg-white"
             :side="isMobile ? 'bottom' : 'right'"
-            align="end"
+            :align="'end'"
           >
             <DropdownMenuLabel class="p-0 font-normal">
               <div class="flex items-center gap-2 px-1 py-1.5 text-left text-sm">
@@ -62,7 +62,7 @@ const showModalTheme = ref(false)
                     {{
                       userStore?.user_name
                         ?.split(' ')
-                        .map((n) => n[0])
+                        .map((n: string) => n[0])
                         .join('') || ''
                     }}
                   </AvatarFallback>
@@ -74,6 +74,7 @@ const showModalTheme = ref(false)
               </div>
             </DropdownMenuLabel>
             <DropdownMenuSeparator />
+            {{ userStore }}
             <DropdownMenuSeparator />
             <DropdownMenuGroup>
               <DropdownMenuItem class="hover:bg-gray-100" @click="showModalTheme = true">