fix: store customer-product

bo/src/layouts/management.vue

@@ -39,7 +39,7 @@
                     <UButton icon="i-lucide-panel-left" color="neutral" variant="ghost" aria-label="Toggle sidebar"
                         @click="open = !open" />
                     <p class="font-bold text-xl">Customer-Management: <span class="text-[20px] font-medium">{{ pageTitle
-                    }}</span></p>
+                            }}</span></p>
                 </div>
                 <div class="hidden md:flex items-center gap-12">
                     <div class="flex items-center gap-2">
@@ -78,8 +78,6 @@ const pageTitle = computed(() => route.meta.name ?? 'Default Page')
 const authStore = useAuthStore()
 const userStore = useUserStore()
 
-await userStore.getUser()
-
 const open = ref(true)
 const colorMode = useColorMode()
 
@@ -175,16 +173,17 @@ import LangSwitch from '@/components/inner/LangSwitch.vue'
 import ThemeSwitch from '@/components/inner/ThemeSwitch.vue'
 import type { LabelTrans, TopMenuItem } from '@/types'
 import { useUserStore } from '@/stores/user'
-import { components } from 'reka-ui/constant'
-
+import { watch } from 'vue'
 
 const router = useRouter()
 
 const menu = ref<TopMenuItem[] | null>(null)
 
-async function getTopMenu() {
+const Id =Number(route.params.user_id)
+
+async function cmGetTopMenu() {
     try {
-        const { items } = await useFetchJson<TopMenuItem[]>('/api/v1/restricted/menu/get-top-menu')
+        const { items } = await useFetchJson<TopMenuItem[]>(`/api/v1/restricted/menu/get-top-menu?target_user_id=${Id}`)
 
         menu.value = items
     } catch (err) {
@@ -192,9 +191,16 @@ async function getTopMenu() {
     }
 }
 
-onMounted(() => {
-    getTopMenu()
-})
+console.log(route)
+watch(
+    () => route.params.user_id,
+    () => {
+        if (route.params.user_id) {
+            cmGetTopMenu()
+        }
+    },
+    { immediate: true }
+)
 
 const menuItems = computed(() => {
     if (!menu.value?.length) return []