fix vue warning

src/components/CardProfile.vue

@@ -20,7 +20,7 @@ const { findOrgNameOldHtml, findOrgNameHtml } = useCounterMixin();
 
 /** propsDataProfile*/
 const props = defineProps({
-  data: { type: Object as PropType<DataProfile>, required: true },
+  data: { type: Object as PropType<DataProfile>, default: () => ({}) },
   type: { type: String, default: "" },
 });
 

src/modules/05_placement/views/02_transferMain.vue

@@ -349,7 +349,6 @@ onMounted(async () => {
 
   <DialogOrders
     v-model:modal="modal"
-    v-model:filter-order="filterOrder"
     :fetch-data="fetchData"
     :close-modal="closeModal"
     v-model:rows="rowsOrder"

src/modules/18_command/store/ListStore.ts

@@ -12,8 +12,7 @@ import type {
   DataCommandType,
 } from "@/modules/18_command/interface/response/Main";
 
-const $q = useQuasar();
+const { date2Thai } = useCounterMixin();
-const { showLoader, hideLoader, date2Thai, messageError } = useCounterMixin();
 
 export const useCommandListStore = defineStore("commandListStore", () => {
   const tabsMain = ref<string>("DRAFT");
@@ -104,7 +103,6 @@ export const useCommandListStore = defineStore("commandListStore", () => {
   async function fetchCommandType() {
     //เช็คค่าของ listCommand
     if (listCommand.value.length === 0) {
-      // showLoader();
       try {
         const res = await http.get(config.API.commandType);
         const data = res.data.result;
@@ -116,9 +114,7 @@ export const useCommandListStore = defineStore("commandListStore", () => {
 
         return listCommand.value;
       } catch (err) {
-        messageError($q, err);
+        console.log(err);
-      } finally {
-        // hideLoader();
       }
     } else {
       return listCommand.value;

src/modules/19_condition/components/DialogCondition.vue

@@ -20,8 +20,8 @@ const modal = defineModel<boolean>("modal", { required: true });
 const props = defineProps({
   fetchData: { type: Function, required: true },
   dataCondition: {
-    type: Object as PropType<DataPositionCondition | undefined>,
+    type: Object as PropType<DataPositionCondition>,
-    required: true,
+    default: () => ({}),
   },
 });
 

src/style/quasar-variables.sass

@@ -199,5 +199,5 @@ h3.resigtry-tab-title
 .filter-card
     background-color: #f1f1f1b0
 
-.dp__menu
+.modalfix
     position: fixed !important

src/views/MainLayout.vue

@@ -1205,9 +1205,8 @@ function onViewDetailNoti(url: string) {
       </q-page>
     </q-page-container>
     <full-loader :visibility="loader" />
+    <LoginLinkage v-model:modal="modalLoginLinkage" />
   </q-layout>
-
-  <LoginLinkage v-model:modal="modalLoginLinkage" />
 </template>
 
 <style>

vite.config.ts

@@ -27,4 +27,7 @@ export default defineConfig({
   server: {
     port: 3006,
   },
+  define: {
+    __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false, // หรือ true ถ้าต้องการเปิดใช้
+  },
 });