check menu item emptyness

globalbrain · Dec 19, 2023 · b656949 · b656949
1 parent 3d73c84
commit b656949
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/lib/components/SLocalNav.vue b/lib/components/SLocalNav.vue
@@ -1,19 +1,27 @@
 <script setup lang="ts">
+import { computed } from 'vue'
 import SLocalNavMenu, { type MenuItem } from './SLocalNavMenu.vue'
 import SLocalNavTitle, { type Title } from './SLocalNavTitle.vue'
 
 export type { Title, MenuItem }
 
-defineProps<{
+const props = defineProps<{
   title: Title[]
   menu?: MenuItem[][]
 }>()
+
+const normalizedMenu = computed(() => {
+  return props.menu?.reduce<MenuItem[][]>((carry, group) => {
+    group.length && carry.push(group)
+    return carry
+  }, []) ?? null
+})
 </script>
 
 <template>
-  <div class="SLocalNav" :class="{ 'has-menu': menu }">
+  <div class="SLocalNav" :class="{ 'has-menu': normalizedMenu }">
     <SLocalNavTitle :title="title" />
-    <SLocalNavMenu v-if="menu" :menu="menu" />
+    <SLocalNavMenu v-if="normalizedMenu" :menu="normalizedMenu" />
   </div>
 </template>