From 200bdb8f2396a08669c76de30ee11df774f596a8 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Tue, 18 Mar 2025 09:14:55 +0700
Subject: [PATCH] chore: clean

---
 src/i18n/eng.ts                  |  1 +
 src/i18n/tha.ts                  |  3 ++-
 src/layouts/DrawerComponent.vue  | 27 ++++++---------------------
 src/pages/00_manual/MainPage.vue | 10 ++++------
 src/router/routes.ts             |  2 +-
 5 files changed, 14 insertions(+), 29 deletions(-)

diff --git a/src/i18n/eng.ts b/src/i18n/eng.ts
index 439b73a8..757429c7 100644
--- a/src/i18n/eng.ts
+++ b/src/i18n/eng.ts
@@ -245,6 +245,7 @@ export default {
 
     manual: {
       title: 'Manual',
+      usage: 'การใช้งาน',
     },
   },
 
diff --git a/src/i18n/tha.ts b/src/i18n/tha.ts
index 8eac4c22..0d7d8f40 100644
--- a/src/i18n/tha.ts
+++ b/src/i18n/tha.ts
@@ -244,7 +244,8 @@ export default {
     },
 
     manual: {
-      title: 'คู่มือการใข้งาน',
+      title: 'คู่มือ',
+      usage: 'การใช้งาน',
     },
   },
 
diff --git a/src/layouts/DrawerComponent.vue b/src/layouts/DrawerComponent.vue
index e4fbf578..b3c4fd61 100644
--- a/src/layouts/DrawerComponent.vue
+++ b/src/layouts/DrawerComponent.vue
@@ -62,22 +62,6 @@ function branchSetting() {
 }
 
 function initMenu() {
-  // TODO: replace mock
-  const test = [
-    {
-      label: 'หน้าแรก',
-      labelEN: 'Home Page',
-      category: 'jws',
-      page: [
-        {
-          name: 'chapter-01-main',
-          label: 'หลัก',
-          labelEN: 'Main',
-        },
-      ],
-    },
-  ];
-
   menuData.value = [
     {
       label: 'menu.manage',
@@ -176,11 +160,12 @@ function initMenu() {
     {
       label: 'menu.manual',
       icon: 'mdi-book-open-variant-outline',
-      children: test.map((m) => ({
-        label: locale.value === 'eng' ? m.labelEN : m.label,
-        route: `/manual/${m.category}`,
-        noI18n: true,
-      })),
+      children: [
+        {
+          label: 'usage',
+          route: `/manual`,
+        },
+      ],
     },
   ];
 }
diff --git a/src/pages/00_manual/MainPage.vue b/src/pages/00_manual/MainPage.vue
index dc894953..334bcf7d 100644
--- a/src/pages/00_manual/MainPage.vue
+++ b/src/pages/00_manual/MainPage.vue
@@ -1,14 +1,13 @@
 <script setup lang="ts">
 // NOTE: Library
 import { storeToRefs } from 'pinia';
-import { onMounted, ref } from 'vue';
+import { onMounted } from 'vue';
 import { useRouter } from 'vue-router';
 
 // NOTE:  Components
 
 // NOTE: Stores & Type
 
-import { Manual } from 'src/stores/manual/types';
 import { useManualStore } from 'src/stores/manual';
 import { useNavigator } from 'src/stores/navigator';
 
@@ -16,10 +15,9 @@ import { useNavigator } from 'src/stores/navigator';
 const manualStore = useManualStore();
 const navigatorStore = useNavigator();
 const { dataManual } = storeToRefs(manualStore);
-const selectedManual = ref<string>('');
 const router = useRouter();
 
-async function fatchManual() {
+async function fetchManual() {
   const res = await manualStore.getManual();
   dataManual.value = res ? res : [];
 }
@@ -31,7 +29,7 @@ function navigateTo(path: string) {
 onMounted(async () => {
   navigatorStore.current.title = 'menu.manual.title';
   navigatorStore.current.path = [{ text: '' }];
-  await fatchManual();
+  await fetchManual();
 });
 </script>
 
@@ -51,7 +49,7 @@ onMounted(async () => {
               clickable
               dense
               class="dot items-center rounded"
-              @click="() => navigateTo(`${v.category}/${x.name}`)"
+              @click="() => navigateTo(`/manual/${v.category}/${x.name}`)"
             >
               {{ x.label }}
             </q-item>
diff --git a/src/router/routes.ts b/src/router/routes.ts
index 314aa16e..e05049fd 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -146,7 +146,7 @@ const routes: RouteRecordRaw[] = [
         component: () => import('pages/00_notification/MainPage.vue'),
       },
       {
-        path: '/manual/:category',
+        path: '/manual',
         name: 'Manual',
         component: () => import('pages/00_manual/MainPage.vue'),
       },