fix: routing/data table

bo/src/components/inner/categoryMenu.vue

@@ -8,11 +8,11 @@ const openAll = ref(false)
 
 function adaptMenu(menu: NavigationMenuItem[]) {
   for (const item of menu) {
-    if(item.children && item.children.length > 0){
+    if (item.children && item.children.length > 0) {
       console.log(item);
       adaptMenu(item.children);
       item.open = openAll.value
-      item.children.unshift({ label: item.label, icon: 'i-lucide-book-open', popover: item.label ,to: { name: 'category', params: item.params }})
+      item.children.unshift({ label: item.label, icon: 'i-lucide-book-open', popover: item.label, to: { name: 'category', params: item.params } })
     } else {
       item.to = { name: 'category', params: item.params };
       item.icon = 'i-lucide-file-text'
@@ -27,14 +27,10 @@ const items = ref<NavigationMenuItem[][]>([
   [
     ...menu as NavigationMenuItem[]
   ],
- 
+
 ])
-
-
-
 </script>
 
 <template>
-    <UNavigationMenu orientation="vertical" type="single" :items="items" class="p-4">
-    </UNavigationMenu>
+  <UNavigationMenu orientation="vertical" type="single" :items="items" class="p-4" />
 </template>

bo/src/components/inner/categoryMenuListing.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import { getMenu } from '@/router/menu'
+import type { NavigationMenuItem } from '@nuxt/ui';
+import { ref } from 'vue';
+let menu = await getMenu() as NavigationMenuItem[]
+
+const openAll = ref(false)
+
+function adaptMenu(menu: NavigationMenuItem[]) {
+  for (const item of menu) {
+    if (item.children && item.children.length > 0) {
+      adaptMenu(item.children);
+      item.open = openAll.value
+      item.children.unshift({ label: item.label, icon: 'i-lucide-book-open', popover: item.label, to: { name: 'category', params: item.params } })
+    } else {
+      item.to = { name: 'category', params: item.params };
+      item.icon = 'i-lucide-file-text'
+    }
+  }
+  return menu;
+}
+
+menu = adaptMenu(menu)
+
+const items = ref<NavigationMenuItem[][]>([
+  [
+    ...menu as NavigationMenuItem[]
+  ],
+
+])
+</script>
+
+<template>
+  <UNavigationMenu orientation="vertical" type="single" :items="items" class="p-4" />
+</template>

bo/src/components/inner/langSwitch.vue

@@ -1,4 +1,5 @@
 <template>
+  {{ locale }}
   <USelectMenu v-model="locale" :items="langs" class="w-40 bg-(--main-light) dark:bg-(--black) rounded-md shadow-sm  hover:none!"
     valueKey="iso_code" :searchInput="false">
     <template #default="{ modelValue }">