Refactoring code module 11_discipline

src/modules/11_discipline/components/8_AppealComplain/dialog/DialogEditStatus.vue

@@ -1,20 +1,19 @@
 <script setup lang="ts">
 import { ref, watch, reactive } from "vue";
+
 import { useAppealComplainStore } from "@/modules/11_discipline/store/AppealComplainStore";
-import { useQuasar } from "quasar";
 
 import type { HistoryStatusType } from "@/modules/11_discipline/interface/response/appealComplain";
 import type { QTableProps } from "quasar";
 
 import { useCounterMixin } from "@/stores/mixin";
 
-const $q = useQuasar();
-
 const mixin = useCounterMixin();
-const { dialogConfirm, date2Thai } = mixin;
+const { date2Thai } = mixin;
 const dataStore = useAppealComplainStore();
 
 const rows = ref<HistoryStatusType[]>([]);
+
 /** หัวข้อที่เเสดงในตารางผู้ถูกร้องเรียน */
 const visibleColumns = ref<string[]>([
   "no",
@@ -22,6 +21,7 @@ const visibleColumns = ref<string[]>([
   "createdFullName",
   "createdAt",
 ]);
+
 /** หัวตารางผู้ถูกร้องเรียน */
 const columns = ref<QTableProps["columns"]>([
   {
@@ -61,6 +61,7 @@ const columns = ref<QTableProps["columns"]>([
     style: "font-size: 14px",
   },
 ]);
+
 const props = defineProps({
   modal: {
     type: Boolean,