fix: routing/data table

bo/src/router/index.ts

@@ -2,17 +2,13 @@ import { createRouter, createWebHistory } from 'vue-router'
 import { currentLang, langs } from './langs'
 import { getSettings } from './settings'
 import { useAuthStore } from '@/stores/auth'
-// import Default from '@/layouts/default.vue'
-// import { getMenu } from './menu'
-
+import { getRoutes } from './menu'
 
 function isAuthenticated(): boolean {
   if (typeof document === 'undefined') return false
   return document.cookie.split('; ').some((c) => c === 'is_authenticated=1')
 }
 await getSettings()
-// await getMenu()
-
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.VITE_BASE_URL),
@@ -23,68 +19,41 @@ const router = createRouter({
     },
     {
       path: '/:locale',
+      name: 'locale',
       children: [
-        { path: 'category/:category_id-:link_rewrite', component: () => import('@/views/CategoryView.vue'), name: 'category' },
-        { path: 'products-datail', component: () => import('@/components/admin/ProductDetailView.vue'), name: 'product-detail' },
-        { path: '', component: () => import('@/views/RepoChartView.vue'), name: 'home' },
-        { path: 'products', component: () => import('@/components/admin/ProductsView.vue'), name: 'products' },
-        { path: 'product-card-full', component: () => import('@/components/customer/PageProductCardFull.vue'), name: 'product-card-full' },
-        { path: 'addresses', component: () => import('@/components/customer/PageAddresses.vue'), name: 'addresses' },
-        { path: 'customer-data', component: () => import('@/components/customer/PageCustomerData.vue'), name: 'customer-data' },
-        { path: 'create-account', component: () => import('@/components/customer/PageCreateAccount.vue'), name: 'create-account' },
-        { path: 'cart', component: () => import('@/components/customer/PageCart.vue'), name: 'cart' },
-        { path: 'cart1', component: () => import('@/components/customer/Cart1.vue'), name: 'cart1' },
-        { path: 'products-list', component: () => import('@/components/admin/PageProductsList.vue'), name: 'products-list' },
-        { path: 'login', component: () => import('@/views/LoginView.vue'), name: 'login', meta: { guest: true, } },
-        { path: 'register', component: () => import('@/views/RegisterView.vue'), name: 'register', meta: { guest: true } },
-        { path: 'password-recovery', component: () => import('@/views/PasswordRecoveryView.vue'), name: 'password-recovery', meta: { guest: true } },
-        { path: 'reset-password', component: () => import('@/views/ResetPasswordForm.vue'), name: 'reset-password', meta: { guest: true } },
-        { path: 'verify-email', component: () => import('@/views/VerifyEmailView.vue'), name: 'verify-email', meta: { guest: true } },
-
         {
           path: '/:pathMatch(.*)*',
           component: () => import('@/views/NotFoundView.vue'),
-          name: 'not-found',
+          name: 'not-found-child',
         },
       ],
     },
     {
       path: '/:pathMatch(.*)*',
       component: () => import('@/views/NotFoundView.vue'),
-      name: 'not-found',
+      name: 'not-found-root',
     },
   ],
 })
 
-// router.beforeEach((to, from, next) => {
-//   const locale = to.params.locale as string
-//   const localeLang = langs.find((x) => x.iso_code == locale)
+await getRoutes().then(routes => {
+  const modules = import.meta.glob('/src/**/**/*.vue')
+  routes.forEach(item => {
+    const component = modules[`/src${item.Component}`]
 
-//   if (locale && langs.length > 0) {
-//     const authStore = useAuthStore()
-//     // console.log(authStore.isAuthenticated, to, from)
-//     // if()
-//     const validLocale = langs.find((l) => l.lang_code === locale)
+    if (!component) {
+      console.error('Component not found:', item.Component)
+      return
+    }
 
-//     if (validLocale) {
-//       currentLang.value = localeLang
-//       if (!to.meta?.guest && !isAuthenticated()) {
-//         return next({ name: 'login', params: { locale } })
-//       }
-
-//       // return next()
-//       return next()
-//     } else if (locale) {
-//       return next(`/${currentLang.value?.iso_code}${to.path.replace(`/${locale}`, '') || '/'}`)
-//     }
-//   }
-
-//   if (!locale && to.path !== '/') {
-//     return next(`/${currentLang.value?.iso_code}${to.path}`)
-//   }
-
-//   next()
-// })
+    router.addRoute('locale', {
+      path: item.Path,
+      component,
+      name: item.Name,
+      meta: item.Meta ? JSON.parse(item.Meta) : {}
+    })
+  })
+})
 
 router.beforeEach((to, from) => {
   const locale = to.params.locale as string