chore: format code

src/boot/components.ts

@@ -1,6 +1,6 @@
 import { boot } from 'quasar/wrappers';
 import VueDatePicker from '@vuepic/vue-datepicker';
-import '@vuepic/vue-datepicker/dist/main.css'
+import '@vuepic/vue-datepicker/dist/main.css';
 import GlobalDialog from 'components/GlobalDialog.vue';
 import GlobalLoading from 'components/GlobalLoading.vue';
 

src/components/home/PersonCard.vue

@@ -154,7 +154,6 @@ defineEmits<{
         </q-btn>
       </div>
 
-     
       <!-- profile -->
 
       <AppCircle
@@ -163,8 +162,6 @@ defineEmits<{
         style="border: 2px solid var(--border-color); overflow: visible"
         @click="$emit('editProfile')"
       >
-
-       
         <q-img
           :src="data.img ?? '/no-profile.png'"
           style="
@@ -182,7 +179,6 @@ defineEmits<{
               <q-img src="/no-profile.png" width="5rem" />
             </div>
           </template>
-
         </q-img>
         <div class="avatar__status"></div>
       </AppCircle>

src/i18n/en-US/employer-dialog.ts

@@ -7,5 +7,5 @@ export default {
 
   companyOwnerName: 'Company Owner Name',
 
-  corporation:'Corporation'
+  corporation: 'Corporation',
 };

src/i18n/th-th/employer-dialog.ts

@@ -7,6 +7,5 @@ export default {
 
   companyOwnerName: 'ชื่อเจ้าของบริษัท',
 
-  corporation:'ชื่อ บริษัท/นิติบุคคล'
+  corporation: 'ชื่อ บริษัท/นิติบุคคล',
-
 };

src/pages/03_customer-management/MainPage.vue

@@ -68,7 +68,6 @@ const useMyBranch = useMyBranchStore();
 
 const { fetchListOptionBranch } = useMyBranch;
 
-
 const columns = [
   {
     name: 'customerName',
@@ -91,7 +90,6 @@ const columns = [
     field: 'personName',
   },
 
- 
   {
     name: 'telephoneNo',
     align: 'left',
@@ -107,7 +105,6 @@ const columns = [
   },
 ] satisfies QTableProps['columns'];
 
-
 const {
   create,
   getStatsCustomer,
@@ -171,17 +168,12 @@ const fieldSelectedCustomer = ref<{ label: string; value: string }>({
   value: 'all',
 });
 
-
-
-
-
 const fieldDisplay = ref<
   {
     label: string;
     value: string;
   }[]
 >([
-
   {
     label: t('corporation'),
     value: 'customerName',
@@ -206,8 +198,6 @@ const fieldDisplay = ref<
     label: t('formDialogInputEmail'),
     value: 'branchEmail',
   },
-
- 
 ]);
 const fieldSelected = ref<
   (
@@ -217,11 +207,7 @@ const fieldSelected = ref<
     | 'telephoneNo'
     | 'branchEmail'
   )[]
->([  'customerName',
+>(['customerName', 'customerType', 'personName', 'telephoneNo', 'branchEmail']);
-  'customerType',
-  'personName',
-  'telephoneNo',
-  'branchEmail']);
 
 const splitterModel = ref(15);
 const modeView = ref(true);
@@ -865,8 +851,6 @@ async function toggleStatusEmployee(id: string, status: boolean) {
 }
 
 async function toggleStatusCustomer(id: string, status: boolean) {
- 
-  
   await editById(id, { status: !status ? 'ACTIVE' : 'INACTIVE' });
 
   await fetchListCustomer();
@@ -1779,9 +1763,7 @@ watch([inputSearch, currentStatus], async () => {
                             }
                           "
                         >
-                          <q-td
+                          <q-td v-if="fieldSelected.includes('customerName')">
-                          v-if="fieldSelected.includes('customerName')"
-                          >
                             <div class="row items-center">
                               <div
                                 :class="{
@@ -1800,16 +1782,17 @@ watch([inputSearch, currentStatus], async () => {
                               >
                                 <div class="branch-card__icon">
                                   <q-avatar size="md">
-                                      <q-img  :src="props.row.imageUrl ?? '/no-profile.png'">
+                                    <q-img
-
+                                      :src="
+                                        props.row.imageUrl ?? '/no-profile.png'
+                                      "
+                                    >
                                       <template #error>
                                         <q-img src="/no-profile.png" />
                                       </template>
-                                      
                                     </q-img>
                                   </q-avatar>
 
-                               
                                   <!-- <q-icon
                                     size="md"
                                     style="scale: 0.8"
@@ -1818,26 +1801,28 @@ watch([inputSearch, currentStatus], async () => {
                                 </div>
                               </div>
                               <div class="col">
-                                <div class="col">{{ props.row.customerName || '-'   }}</div>
+                                <div class="col">
+                                  {{ props.row.customerName || '-' }}
+                                </div>
                                 <div class="col app-text-muted">
                                   {{ props.row.customerNameEN || '-' }}
                                 </div>
                               </div>
                             </div>
                           </q-td>
-                          <q-td
+                          <q-td v-if="fieldSelected.includes('customerType')">
-                           v-if="fieldSelected.includes('customerType')"
-                          >
-
                             <span
                               class="tags"
-         
+                              :class="{
-                              :class="{ [`tags__${props.row.customerType === 'CORP'? 'purple' : 'green'}`]: true }"
+                                [`tags__${props.row.customerType === 'CORP' ? 'purple' : 'green'}`]: true,
+                              }"
                             >
-                                      {{props.row.customerType === 'CORP' ? $t('customerLegalEntity') : $t('customerNaturalPerson')}}
+                              {{
+                                props.row.customerType === 'CORP'
+                                  ? $t('customerLegalEntity')
+                                  : $t('customerNaturalPerson')
+                              }}
                             </span>
-
-                           
                           </q-td>
                           <q-td v-if="fieldSelected.includes('personName')">
                             {{ props.row.personName }}
@@ -1845,10 +1830,7 @@ watch([inputSearch, currentStatus], async () => {
                           <q-td v-if="fieldSelected.includes('telephoneNo')">
                             {{ props.row.branch[0].telephoneNo || '-' }}
                           </q-td>
-                          <q-td
+                          <q-td v-if="fieldSelected.includes('branchEmail')">
-                          v-if="fieldSelected.includes('branchEmail')"
-                          >
-                           
                             {{ props.row.branch[0].email || '-' }}
                           </q-td>
                           <q-td>
@@ -2009,7 +1991,6 @@ watch([inputSearch, currentStatus], async () => {
                                             }
                                           "
                                           :model-value="
-                                           
                                             props.row.status !== 'INACTIVE'
                                           "
                                         />
@@ -2053,21 +2034,20 @@ watch([inputSearch, currentStatus], async () => {
                               () => {
                                 if (!listCustomer) return;
 
-                          customerType = props.row.customerType
+                                customerType = props.row.customerType;
-                          const { branch, ...payload } = props.row
+                                const { branch, ...payload } = props.row;
-                          currentCustomer = payload
+                                currentCustomer = payload;
 
-                          currentCustomerId = props.row.id
+                                currentCustomerId = props.row.id;
 
-                          assignFormData(props.row.id)
+                                assignFormData(props.row.id);
- 
-
-                          infoDrawerEdit = true
-                          openDialogInputForm('INFO', props.row.id)
 
+                                infoDrawerEdit = true;
+                                openDialogInputForm('INFO', props.row.id);
                               }
                             "
-                            @enter-card="()=>{
+                            @enter-card="
+                              () => {
                                 currentCustomerName = props.row.customerName;
                                 customerType = props.row.customerType;
                                 currentCustomerUrlImage = props.row.imageUrl;
@@ -2076,13 +2056,14 @@ watch([inputSearch, currentStatus], async () => {
                                 const { branch, ...payload } = props.row;
                                 currentCustomer = payload;
                                 isMainPage = false;
-                            }"
+                              }
+                            "
                             @delete-card="deleteCustomerById(props.row.id)"
                             @toggle-status="
                               toggleStatusCustomer(
                                 props.row.id,
                                 props.row.status === 'ACTIVE' ? true : false,
-                          );
+                              )
                             "
                           />
                         </div>