chore: install prettier

app/components/application/Contract.vue

@@ -1,17 +1,28 @@
 <template>
   <div :id="docid">
     <!-- Loading state -->
-    <div v-if="isLoading" class="has-text-centered mt-5 mb-5" style="min-height: 500px">
+    <div
+      v-if="isLoading"
+      class="has-text-centered mt-5 mb-5"
+      style="min-height: 500px"
+    >
       <button class="button is-primary is-loading is-large"></button>
       <p class="mt-4 has-text-primary has-text-weight-semibold">
-        {{ isVietnamese ? 'Đang tải hợp đồng...' : 'Loading contracts...' }}
+        {{ isVietnamese ? "Đang tải hợp đồng..." : "Loading contracts..." }}
       </p>
     </div>
 
     <!-- No contract state -->
-    <div v-else-if="!hasContracts" class="has-text-centered mt-5 mb-5" style="min-height: 500px">
+    <div
+      v-else-if="!hasContracts"
+      class="has-text-centered mt-5 mb-5"
+      style="min-height: 500px"
+    >
       <article class="message is-primary">
-        <div class="message-body" style="font-size: 17px; text-align: left; color: black">
+        <div
+          class="message-body"
+          style="font-size: 17px; text-align: left; color: black"
+        >
           {{
             isVietnamese
               ? "Chưa có hợp đồng. Vui lòng tạo giao dịch và hợp đồng trước."
@@ -24,10 +35,22 @@
     <!-- Contracts list -->
     <template v-else>
       <!-- Tabs khi có nhiều hợp đồng -->
-      <div class="tabs border-bottom" id="ignore" v-if="contractsList.length > 1">
+      <div
+        class="tabs border-bottom"
+        id="ignore"
+        v-if="contractsList.length > 1"
+      >
         <ul class="tabs-list">
-          <li class="tabs-item" style="border: none" v-for="(contract, index) in contractsList" :key="index"
-            :class="{ 'bg-primary has-text-white': activeContractIndex === index }" @click="switchContract(index)">
+          <li
+            class="tabs-item"
+            style="border: none"
+            v-for="(contract, index) in contractsList"
+            :key="index"
+            :class="{
+              'bg-primary has-text-white': activeContractIndex === index,
+            }"
+            @click="switchContract(index)"
+          >
             <a class="tabs-link">
               <span>{{ contract.document[0]?.name || contract.document[0]?.en || `Contract ${index + 1}` }}</span>
             </a>
@@ -38,23 +61,42 @@
       <!-- Contract content -->
       <div v-if="currentContract && pdfFileUrl && hasValidDocument">
         <div class="contract-content mt-2">
-          <iframe :src="`https://mozilla.github.io/pdf.js/web/viewer.html?file=${pdfFileUrl}`" width="100%"
-            height="90vh" scrolling="no" style="border: none; height: 75vh; top: 0; left: 0; right: 0; bottom: 0">
+          <iframe
+            :src="`https://mozilla.github.io/pdf.js/web/viewer.html?file=${pdfFileUrl}`"
+            width="100%"
+            height="90vh"
+            scrolling="no"
+            style="border: none; height: 75vh; top: 0; left: 0; right: 0; bottom: 0"
+          >
           </iframe>
         </div>
       </div>
 
       <!-- Download buttons -->
-      <div class="mt-4" id="ignore">
-        <button v-if="hasValidDocument" class="button is-primary has-text-white mr-4" @click="downloadDocx">
+      <div
+        class="mt-4"
+        id="ignore"
+      >
+        <button
+          v-if="hasValidDocument"
+          class="button is-primary has-text-white mr-4"
+          @click="downloadDocx"
+        >
           {{ isVietnamese ? "Tải file docx" : "Download contract as docx" }}
         </button>
 
-        <button v-if="hasValidDocument" class="button is-primary has-text-white mr-4" @click="downloadPdf">
+        <button
+          v-if="hasValidDocument"
+          class="button is-primary has-text-white mr-4"
+          @click="downloadPdf"
+        >
           {{ isVietnamese ? "Tải file pdf" : "Download contract as pdf" }}
         </button>
 
-        <p v-if="contractError" class="has-text-danger mt-2">
+        <p
+          v-if="contractError"
+          class="has-text-danger mt-2"
+        >
           {{ contractError }}
         </p>
       </div>
@@ -73,16 +115,16 @@ export default {
   props: {
     contractId: {
       type: [Number, String],
-      default: null
+      default: null,
     },
     row: {
       type: Object,
-      default: null
+      default: null,
     },
     directDocument: {
       type: Object,
-      default: null
-    }
+      default: null,
+    },
   },
   emits: ["contractCreated", "update", "close", "dataevent"],
   data() {
@@ -107,10 +149,12 @@ export default {
     },
     hasValidDocument() {
       if (!this.currentContract) return false;
-      return this.currentContract.document &&
+      return (
+        this.currentContract.document &&
         this.currentContract.document.length > 0 &&
-        this.currentContract.document[0]?.pdf;
-    }
+        this.currentContract.document[0]?.pdf
+      );
+    },
   },
   async created() {
     try {
@@ -118,11 +162,9 @@ export default {
       this.contractError = null;
 
       if (this.directDocument) {
-        this.contractsList = [
-          { document: [this.directDocument] }
-        ];
+        this.contractsList = [{ document: [this.directDocument] }];
         this.updatePdfUrl(0);
-        return; 
+        return;
       }
 
       let contracts = [];
@@ -130,31 +172,22 @@ export default {
 
       if (this.contractId) {
         fetchParams = { id: this.contractId };
-      }
-      else if (this.row?.id) {
+      } else if (this.row?.id) {
         fetchParams = { transaction: this.row.id };
       }
 
       if (!fetchParams) {
         throw new Error(
           this.isVietnamese
-            ? 'Không có ID hợp đồng hoặc transaction để tải.'
-            : 'No contract ID or transaction provided to load.'
+            ? "Không có ID hợp đồng hoặc transaction để tải."
+            : "No contract ID or transaction provided to load.",
         );
       }
 
-      contracts = await this.$getdata(
-        'contract',
-        fetchParams,
-        undefined
-      );
+      contracts = await this.$getdata("contract", fetchParams, undefined);
 
       if (!contracts || contracts.length === 0) {
-        throw new Error(
-          this.isVietnamese
-            ? 'Không tìm thấy hợp đồng.'
-            : 'Contract not found.'
-        );
+        throw new Error(this.isVietnamese ? "Không tìm thấy hợp đồng." : "Contract not found.");
       }
 
       this.contractsList = contracts;
@@ -164,12 +197,9 @@ export default {
         this.updatePdfUrl(this.activeContractIndex);
       }
     } catch (error) {
-      console.error('Error loading contracts:', error);
-      this.contractError = error.message || (
-        this.isVietnamese
-          ? 'Lỗi khi tải danh sách hợp đồng.'
-          : 'Error loading contracts list.'
-      );
+      console.error("Error loading contracts:", error);
+      this.contractError =
+        error.message || (this.isVietnamese ? "Lỗi khi tải danh sách hợp đồng." : "Error loading contracts list.");
       this.contractsList = [];
     } finally {
       this.isLoading = false;
@@ -192,10 +222,7 @@ export default {
 
     downloadDocx() {
       if (!this.hasValidDocument) {
-        this.$snackbar(
-          this.isVietnamese ? "Không có file để tải" : "No file to download",
-          { type: 'is-warning' }
-        );
+        this.$snackbar(this.isVietnamese ? "Không có file để tải" : "No file to download", { type: "is-warning" });
         return;
       }
 
@@ -206,10 +233,7 @@ export default {
 
     downloadPdf() {
       if (!this.hasValidDocument) {
-        this.$snackbar(
-          this.isVietnamese ? "Không có file để tải" : "No file to download",
-          { type: 'is-warning' }
-        );
+        this.$snackbar(this.isVietnamese ? "Không có file để tải" : "No file to download", { type: "is-warning" });
         return;
       }
 
@@ -259,4 +283,4 @@ export default {
     max-width: 100%;
   }
 }
-</style>
+</style>