ระบบจัดการประเภทของปัญหา

src/modules/00_support/views/MainPage.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import FormChat from "@/modules/00_support/components/FormChat.vue";
-import { useSupportStore } from "@/modules/00_support/store/Main.ts";
+import { useSupportStore } from "@/modules/00_support/store/Main";
 import { onMounted, onUnmounted, ref } from "vue";
 const store = useSupportStore();
 

src/modules/00_support/views/ManageCategory.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import { useSupportStore } from "@/modules/00_support/store/Main";
+import TableCategory from "@/modules/00_support/components/category/TableCategory.vue";
+import { onMounted, onUnmounted, ref } from "vue";
+
+const store = useSupportStore();
+
+onMounted(async () => {
+  store.socket.connect();
+});
+
+onUnmounted(async () => {
+  store.socket.disconnect();
+});
+</script>
+
+<template>
+  <table-category />
+</template>
+
+<style scoped></style>