From 2c80dfdd3abcae30b89cc2ddc16fcfba094ddd99 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Tue, 2 Jul 2024 10:15:29 +0000
Subject: [PATCH] fix: active route on drawer

---
 src/components/DrawerComponent.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/DrawerComponent.vue b/src/components/DrawerComponent.vue
index 5a9df165..c2894b10 100644
--- a/src/components/DrawerComponent.vue
+++ b/src/components/DrawerComponent.vue
@@ -1,19 +1,22 @@
 <script setup lang="ts">
-import { ref } from 'vue';
+import { computed, onMounted, ref } from 'vue';
 import { useRouter } from 'vue-router';
 import { Icon } from '@iconify/vue';
 
 const router = useRouter();
 
 const currentRoute = ref<string>('');
+const currentPath = computed(() => {
+  return router.currentRoute.value.path;
+});
 
 const labelMenu = ref<
   { label: string; icon: string; route: string; disabled?: boolean }[]
 >([
   {
     label: 'drawerDashboard',
-    icon: 'img:/file-account-outline.png',
-    route: '',
+    icon: 'mage:dashboard',
+    route: '/',
   },
   {
     label: 'drawerBranchManagement',
@@ -114,7 +117,7 @@ function navigateTo(label: string, destination: string) {
         :disable="!!v.disabled"
         @click="navigateTo(v.label, v.route)"
         class="no-padding"
-        :class="{ active: currentRoute === v.label, dark: $q.dark.isActive }"
+        :class="{ active: currentPath === v.route, dark: $q.dark.isActive }"
       >
         <q-item-section id="btn-drawer-back ">
           <q-item-label class="q-pl-lg row items-center">