diff --git a/resources/assets/js/pages/booking/completed.vue b/resources/assets/js/pages/booking/completed.vue
index bd1b305d..4fa988e6 100644
--- a/resources/assets/js/pages/booking/completed.vue
+++ b/resources/assets/js/pages/booking/completed.vue
@@ -11,12 +11,12 @@
       <div class="col">
         <div class="card">
           <div class="card-header">Purchase Order</div>
-          <div class="row" v-for="po in booking_details.user_po_path" :key='po'>
+          <div v-for="po in booking_details.user_po_path" :key="po" class="row">
             <div class="col">
-              <a target="_blank" :href="getURL(po)">
-                <img v-if="isImage(po)" v-bind:src="po" class="image" style="max-width: 100%">
+              <a :href="getURL(po)" target="_blank">
+                <img v-if="isImage(po)" :src="po" class="image" style="max-width: 100%">
                 <p v-else>Download</p>
-                <br/>
+                <br>
               </a>
             </div>
           </div>
@@ -25,12 +25,12 @@
       <div class="col">
         <div class="card">
           <div class="card-header">China Bank Slip</div>
-          <div class="row" v-for="cn_bankslip in booking_details.china_bankslip_path" :key='cn_bankslip'>
+          <div v-for="cn_bankslip in booking_details.china_bankslip_path" :key="cn_bankslip" class="row" >
             <div class="col">
-              <a target="_blank" :href="getURL(cn_bankslip)">
-                <img v-if="isImage(cn_bankslip)" v-bind:src="cn_bankslip" class="image" style="max-width: 100%">
+              <a :href="getURL(cn_bankslip)" target="_blank">
+                <img v-if="isImage(cn_bankslip)" :src="cn_bankslip" class="image" style="max-width: 100%">
                 <p v-else>Download</p>
-                <br/>
+                <br>
               </a>
             </div>
           </div>
@@ -39,12 +39,12 @@
       <div class="col">
         <div class="card">
           <div class="card-header">Invoice</div>
-          <div class="row"  v-for="invoice in booking_details.invoice_path" :key='invoice'>
+          <div v-for="invoice in booking_details.invoice_path" :key="invoice" class="row" >
             <div class="col">
-              <a target="_blank" :href="getURL(invoice)">
-                <img v-if="isImage(invoice)" v-bind:src="invoice" class="image" style="max-width: 100%">
+              <a :href="getURL(invoice)" target="_blank">
+                <img v-if="isImage(invoice)" :src="invoice" class="image" style="max-width: 100%">
                 <p v-else>Download</p>
-                <br/>
+                <br>
               </a>
             </div>
           </div>
@@ -53,8 +53,8 @@
     </div>
     <!-- order details -->
     <div class="card">
-    <div class="card-header">Order Details</div>
-    <div class="card-body">
+      <div class="card-header">Order Details</div>
+      <div class="card-body">
         <div class="row">
           <div class="col">
             <table class="table table-striped">
@@ -65,11 +65,11 @@
                 </tr>
                 <tr>
                   <td>Date :</td>
-                  <td>{{ booking_details.created_at }}</td> 
+                  <td>{{ booking_details.created_at }}</td>
                 </tr>
                 <tr>
                   <td>Customer Marking :</td>
-                  <td>{{ booking_details.marking }}</td> 
+                  <td>{{ booking_details.marking }}</td>
                 </tr>
                 <tr>
                   <td>Term: </td>
@@ -87,14 +87,14 @@
                 </tr>
                 <tr>
                   <td>+ Service Charge :</td>
-                  <td>CNY {{ booking_details.service_charge }}</td> 
+                  <td>CNY {{ booking_details.service_charge }}</td>
                 </tr>
                 <tr>
                   <td>RATE :</td>
-                  <td>{{ booking_details.rate }}</td> 
+                  <td>{{ booking_details.rate }}</td>
                 </tr>
                 <tr>
-                  <td></td>
+                  <td/>
                   <td><b>MYR {{ booking_details.bia }}</b></td>
                 </tr>
               </tbody>
@@ -107,10 +107,10 @@
       <div class="card-header">Order Bankin Slip</div>
       <div class="row">
         <div class="card-body">
-          <a target="_blank" :href="getURL(booking_details.user_bankslip_path)">
-            <img v-if="isImage(booking_details.user_bankslip_path)" v-bind:src="booking_details.user_bankslip_path" class="image" style="max-width: 100%">
+          <a :href="getURL(booking_details.user_bankslip_path)" target="_blank" >
+            <img v-if="isImage(booking_details.user_bankslip_path)" :src="booking_details.user_bankslip_path" class="image" style="max-width: 100%">
             <p v-else>Download</p>
-          </a>  
+          </a>
         </div>
       </div>
     </div>
@@ -142,13 +142,13 @@
     margin-bottom: 3%;
   }
   @media screen and (max-width: 767px) {
-		.table {
-			font-size: 3.5vmin;
-		}
-		h1 {
+    .table {
+      font-size: 3.5vmin;
+    }
+    h1 {
       font-size: 1em;
     }
-	}
+  }
 </style>
 <script>
 import ProgressTrack from '~/components/ProgressTrack'
@@ -162,17 +162,17 @@ export default {
   },
   data () {
     return {
-      trackerConfig :{
-          status: 7,
-          term: null,
+      trackerConfig: {
+        status: 7,
+        term: null
       },
       loading_btn: false,
-      booking_details:{
-          id: null,
-          amount: null,
-          bia: null,
-          user_bankslip_path: null,
-        }
+      booking_details: {
+        id: null,
+        amount: null,
+        bia: null,
+        user_bankslip_path: null
+      }
     }
   },
   beforeCreate () {
@@ -188,8 +188,7 @@ export default {
       .then((response) => {
         this.booking_details = response.data
         this.trackerConfig.term = response.data.term
-        loading.close();
-
+        loading.close()
       }).catch((error) => {
         console.log(error)
         loading.close()
@@ -199,18 +198,18 @@ export default {
       })
   },
   methods: {
-    getExtension(path){
-        let index = path.lastIndexOf('.') + 1;
-      return path.slice(index);
+    getExtension (path) {
+      let index = path.lastIndexOf('.') + 1
+      return path.slice(index)
     },
-    isImage(path){
-      var ext = this.getExtension(path);
-      return ext === 'jpg' || ext === 'jpeg' || ext === 'bmp' || ext === 'png';
+    isImage (path) {
+      var ext = this.getExtension(path)
+      return ext === 'jpg' || ext === 'jpeg' || ext === 'bmp' || ext === 'png'
     },
-    getURL(path){
-      var getUrl = window.location;
-      var baseUrl = getUrl.protocol + "//" + getUrl.host;
-      return baseUrl + path;
+    getURL (path) {
+      var getUrl = window.location
+      var baseUrl = getUrl.protocol + '//' + getUrl.host
+      return baseUrl + path
     }
   }
 }