update

src/components/menu-list/menu-item/MenuItem.ts

@@ -10,6 +10,7 @@ export const MenuItemScript = defineComponent({
     },
   },
   setup(props) {
+    console.log(props.item,'props');
     const $route = useRoute();
     const isActive = computed(() => {
       return (

src/components/menu-list/menu-item/index.vue

@@ -4,7 +4,6 @@
     :label="item.pageName"
     :icon="item.pageIcon"
     :header-style="`padding-left: ${item.level * 1.8}rem`"
-    :model-value="isActive"
   >
     <MenuItemComponent
       v-for="(menuItem, menuItemIdx) in item.children"

src/router/routes.ts

@@ -36,7 +36,7 @@ export enum Pages {
   bcBK = 'bc-booking',
   DMQ = 'danh-muc-quyen',
   CHLS = 'cau-hinh-live-stream',
-  BookingHuy="danh-sach-booking-huy"
+  BookingHuy = "danh-sach-booking-huy"
 }
 
 const routes: RouteRecordRaw[] = [
@@ -110,116 +110,116 @@ const routes: RouteRecordRaw[] = [
         name: Pages.customerWaiting,
       },
       {
-        path: 'xep-hang-khach-hang',
+        path: '/xep-hang-khach-hang',
         component: () =>
           import('pages/khach-hang/xep-hang-khach-hang/index.vue'),
         name: Pages.customerRank,
       },
       {
-        path: 'linh-vuc-hoat-dong',
+        path: '/linh-vuc-hoat-dong',
         component: () => import('pages/linh-vuc-hoat-dong/index.vue'),
         name: Pages.field,
       },
       {
-        path: 'bai-viet',
+        path: '/bai-viet',
         component: () => import('pages/bai-viet/index.vue'),
         name: Pages.post,
       },
       {
-        path: 'danh-muc-bai-viet',
+        path: '/danh-muc-bai-viet',
         component: () => import('pages/danh-muc-bai-viet/index.vue'),
         name: Pages.postCategory,
       },
       {
-        path: 'banner',
+        path: '/banner',
         component: () => import('pages/banner/index.vue'),
         name: Pages.banner,
       },
       {
-        path: 'thong-tin-chung',
+        path: '/thong-tin-chung',
         component: () => import('pages/thong-tin-chung/index.vue'),
         name: Pages.infoVAB,
       },
       {
-        path: 'menu',
+        path: '/menu',
         component: () => import('pages/menu/index.vue'),
         name: Pages.menu,
       },
       {
-        path: 'danh-sach-booking',
+        path: '/danh-sach-booking',
         component: () => import('pages/danh-sach-booking/index.vue'),
         name: Pages.listBooking,
       },
       {
-        path: 'danh-sach-booking-cho-duyet',
+        path: '/danh-sach-booking-cho-duyet',
         component: () => import('pages/danh-sach-booking-cho-duyet/index.vue'),
         name: Pages.listBookingBrowsing,
       },
       {
-        path: 'danh-sach-booking-cho-huy',
+        path: '/danh-sach-booking-cho-huy',
         component: () => import('pages/danh-sach-booking-cho-huy/index.vue'),
         name: Pages.BookingHuy,
       },
       {
-        path: 'cong-viec',
+        path: '/cong-viec',
         component: () => import('pages/cong-viec/index.vue'),
         name: Pages.work,
       },
       {
-        path: 'cau-hinh-trang-tinh',
+        path: '/cau-hinh-trang-tinh',
         component: () => import('pages/cau-hinh-trang-tinh/index.vue'),
         name: Pages.configSystem,
       },
 
       {
-        path: 'cau-hinh-live-stream',
+        path: '/cau-hinh-live-stream',
         component: () => import('pages/cau-hinh-live-stream/index.vue'),
         name: Pages.CHLS,
       },
       {
-        path: 'cau-hinh-tin-tuc',
+        path: '/cau-hinh-tin-tuc',
         component: () => import('pages/cau-hinh-tin-tuc/index.vue'),
         name: Pages.news,
       },
       {
-        path: 'cau-hinh-san-pham-noi-bat',
+        path: '/cau-hinh-san-pham-noi-bat',
         component: () => import('pages/cau-hinh-san-pham-noi-bat/index.vue'),
         name: Pages.hotProduct,
       },
       {
-        path: 'cau-hinh-doi-tac-truyen-thong',
+        path: '/cau-hinh-doi-tac-truyen-thong',
         component: () =>
           import('pages/cau-hinh-doi-tac-truyen-thong/index.vue'),
         name: Pages.configPartner,
       },
       {
-        path: 'cau-hinh-trang-chu',
+        path: '/cau-hinh-trang-chu',
         component: () => import('pages/cau-hinh-trang-chu/index.vue'),
         name: Pages.configHome,
       },
       {
-        path: 'danh-sach-dich-vu',
+        path: '/danh-sach-dich-vu',
         component: () => import('pages/danh-sach-dich-vu/index.vue'),
         name: Pages.listService,
       },
 
       {
-        path: 'bc-truy-cap',
+        path: '/bc-truy-cap',
         component: () => import('pages/bc-truy-cap/index.vue'),
         name: Pages.bcTC,
       },
       {
-        path: 'bc-yeu-thich',
+        path: '/bc-yeu-thich',
         component: () => import('pages/bc-yeu-thich/index.vue'),
         name: Pages.bcYT,
       },
       {
-        path: 'bc-booking',
+        path: '/bc-booking',
         component: () => import('pages/bc-booking/index.vue'),
         name: Pages.bcBK,
       },
       {
-        path: 'danh-muc-quyen',
+        path: '/danh-muc-quyen',
         component: () => import('pages/danh-muc-quyen/index.vue'),
         name: Pages.DMQ,
       },