feat: disabled menu

src/components/DrawerComponent.vue

@@ -7,7 +7,9 @@ const router = useRouter();
 
 const currentRoute = ref<string>('');
 
-const labelMenu = ref<{ label: string; icon: string; route: string }[]>([
+const labelMenu = ref<
+  { label: string; icon: string; route: string; disabled?: boolean }[]
+>([
   {
     label: 'drawerDashboard',
     icon: 'img:/file-account-outline.png',
@@ -33,16 +35,43 @@ const labelMenu = ref<{ label: string; icon: string; route: string }[]>([
     icon: 'raphael:package',
     route: '/product-service',
   },
-  { label: 'drawerQuotation', icon: 'raphael:package', route: '' },
-  { label: 'drawerRequestList', icon: 'raphael:package', route: '' },
-  { label: 'drawerWorkOrder', icon: 'raphael:package', route: '' },
-  { label: 'drawerInvoice', icon: 'raphael:package', route: '' },
+  {
+    label: 'drawerQuotation',
+    icon: 'raphael:package',
+    route: '',
+    disabled: true,
+  },
+  {
+    label: 'drawerRequestList',
+    icon: 'raphael:package',
+    route: '',
+    disabled: true,
+  },
+  {
+    label: 'drawerWorkOrder',
+    icon: 'raphael:package',
+    route: '',
+    disabled: true,
+  },
+  {
+    label: 'drawerInvoice',
+    icon: 'raphael:package',
+    route: '',
+
+    disabled: true,
+  },
   {
     label: 'drawerAccountingLedger',
     icon: 'mdi-account-cash-outline',
     route: '',
+    disabled: true,
+  },
+  {
+    label: 'drawerReport',
+    icon: 'mdi-file-chart-outline',
+    route: '',
+    disabled: true,
   },
-  { label: 'drawerReport', icon: 'mdi-file-chart-outline', route: '' },
 ]);
 
 const leftDrawerOpen = defineModel<boolean>('leftDrawerOpen', {
@@ -83,6 +112,7 @@ function navigateTo(label: string, destination: string) {
         v-for="v in labelMenu"
         :key="v.label"
         clickable
+        :disable="!!v.disabled"
         @click="navigateTo(v.label, v.route)"
         class="no-padding"
         :class="{ active: currentRoute === v.label, dark: $q.dark.isActive }"