ข้อมูลหลัก => fix bug

src/modules/01_metadata/components/personal/01ListPrefix.vue

@@ -1,12 +1,25 @@
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
-import type { QTableProps } from "quasar";
-import { useCounterMixin } from "@/stores/mixin";
-import { usePersonalDataStore } from "@/modules/01_metadata/stores/personalStore";
 import { useQuasar } from "quasar";
-import DialogForm from "@/modules/01_metadata/components/personal/DialogForm.vue";
 import http from "@/plugins/http";
 import config from "@/app.config";
+
+/** importType*/
+import type { QTableProps } from "quasar";
+
+/** importComponents*/
+import DialogForm from "@/modules/01_metadata/components/personal/DialogForm.vue";
+
+/** importStore*/
+import { useCounterMixin } from "@/stores/mixin";
+import { usePersonalDataStore } from "@/modules/01_metadata/stores/personalStore";
+
+const $q = useQuasar();
+const store = usePersonalDataStore();
+const mixin = useCounterMixin();
+const { dialogRemove, messageError, showLoader, hideLoader, success } = mixin;
+
+/** Table*/
 const TABLE_COLUMNS = [
   {
     name: "prefix",
@@ -53,11 +66,12 @@ const TABLE_COLUMNS = [
       a.localeCompare(b, undefined, { numeric: true, sensitivity: "base" }),
   },
 ] as const satisfies QTableProps["columns"];
-
-const $q = useQuasar();
-const store = usePersonalDataStore();
-const mixin = useCounterMixin();
-const { dialogRemove, messageError, showLoader, hideLoader, success } = mixin;
+const visibleColumns = ref<string[]>([
+  "prefix",
+  "createdAt",
+  "lastUpdatedAt",
+  "lastUpdateFullName",
+]);
 
 const filterKeyword = ref<string>("");
 const dialog = ref<boolean>(false);
@@ -65,12 +79,6 @@ const prefix = ref<string>("");
 const editId = ref<string>("");
 const dialogStatus = ref<string>("");
 const personalName = ref<string>("คำนำหน้าชื่อ");
-const visibleColumns = ref<string[]>([
-  "prefix",
-  "createdAt",
-  "lastUpdatedAt",
-  "lastUpdateFullName",
-]);
 
 async function fetchData() {
   showLoader();