fix: hide sidebar when menu items are empty

Author: tesaide

adminforth/spa/src/App.vue

@@ -73,7 +73,7 @@
     </nav>
 
     <Sidebar 
-      v-if="loggedIn && routerIsReady && loginRedirectCheckIsReady && defaultLayout && !headerOnlyLayout"
+      v-if="loggedIn && routerIsReady && loginRedirectCheckIsReady && defaultLayout && !headerOnlyLayout && coreStore.menu.length > 0"
       :sideBarOpen="sideBarOpen"
       :forceIconOnly="route.meta?.sidebarAndHeader === 'preferIconOnly'"
       @hideSidebar="hideSidebar"
@@ -177,7 +177,7 @@ import UserMenuSettingsButton from './components/UserMenuSettingsButton.vue';
 const coreStore = useCoreStore();
 const toastStore = useToastStore();
 const userStore = useUserStore();
-
+console.log("gfhyryrthrth", JSON.stringify(coreStore, 0, 2)) 
 initFrontedAPI()
 
 createHead()

dev-demo/custom/HideSidebar.vue

@@ -0,0 +1,46 @@
+<template>
+  <component :is="'style'" v-if="shouldHide">
+    aside, #logo-sidebar, .af-sidebar-container, [aria-label="Sidebar"] { 
+        display: none !important; 
+        width: 0 !important;
+    }
+    
+    button[aria-controls="logo-sidebar"], .af-logo-title-wrapper { 
+        display: none !important; 
+    }
+
+    .sm\:ml-64, .md\:ml-64, .lg\:ml-64, div[class*="ml-64"] { 
+      margin-left: 0 !important; 
+      width: 100% !important;
+      max-width: 100% !important;
+    }
+
+    .af-header, nav .flex {
+        justify-content: flex-end !important;
+    }
+
+    .af-header > div:last-child, nav > div > div:last-child {
+        margin-left: auto !important;
+    }
+
+    nav div.flex.items-center.justify-start {
+        display: none !important;
+    }
+  </component>
+</template>
+
+<script setup>
+import { computed } from 'vue';
+import { useCoreStore } from '@/stores/core';
+
+const coreStore = useCoreStore();
+
+const shouldHide = computed(() => {
+  const menu = coreStore.menu || [];
+  if (!menu) return false;
+  if (menu.length === 0) return true;
+
+  const hasRealItems = menu.some(item => item.path || item.resourceId || (item.children && item.children.length > 0));
+  return !hasRealItems;
+});
+</script>