เเก้ type

src/modules/00_support/components/FormChat.vue

@@ -33,9 +33,9 @@ const onLoad = (async (_: any, done: any) => {
     <p class="text-h6 text-weight-medium align-center">ถาม - ตอบ</p>
     <q-space />
     <p>
-      <router-link to="/category"
-        ><q-btn dense size="16px">จัดการประเภทของปัญหา</q-btn></router-link
-      >
+      <q-btn dense size="16px" flat text-color="teal">
+        <router-link to="/category"> จัดการประเภทของปัญหา </router-link>
+      </q-btn>
     </p>
   </div>
 

src/modules/00_support/interface/index/Main.ts

@@ -36,11 +36,13 @@ export interface SupportIssue {
   lastMessage: string;
 }
 
+export interface SupportIssueCategoryResponse {
+  result: SupportIssueCategory[];
+}
+
 export interface SupportIssueCategory {
-  result: {
-    id: string;
-    name: string;
-  }[];
+  id: string;
+  name: string;
 }
 
 export interface SupportMessageResponse {

src/modules/00_support/store/Main.ts

@@ -11,6 +11,7 @@ import type {
   SupportStatusUser,
   SupportMessageStatus,
   SupportIssueCategory,
+  SupportIssueCategoryResponse,
 } from "@/modules/00_support/interface/index/Main";
 import keycloak from "@/plugins/keycloak";
 import { useQuasar, type QTableProps } from "quasar";
@@ -57,7 +58,7 @@ export const useSupportStore = defineStore("supportServiceStore", () => {
     },
   ] satisfies QTableProps["columns"];
 
-  const rowsCategory = ref<SupportIssueCategory>();
+  const rowsCategory = ref<SupportIssueCategoryResponse>();
 
   function scrollToEnd(position: Number = 1) {
     setTimeout(() => {