Refactoed: replaced the use v-bind with a shorthand (#2yma2j9)

hotwax · Nov 1, 2022 · 8eb196e · 8eb196e
1 parent dc94612
commit 8eb196e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/views/PurchaseOrder.vue b/src/views/PurchaseOrder.vue
@@ -20,35 +20,35 @@
           <ion-item>
             <ion-label>{{ $t("Order ID") }}</ion-label>
             <ion-select interface="popover" v-if="content.length" :placeholder = "$t('Select')" v-model="orderIdField">
-                <ion-select-option v-bind:key="index" v-for="(prop, index) in Object.keys(content[0])">{{ prop }}</ion-select-option>
+                <ion-select-option :key="index" v-for="(prop, index) in Object.keys(content[0])">{{ prop }}</ion-select-option>
             </ion-select>
           </ion-item>
 
           <ion-item>
             <ion-label>{{ $t("Shopify product SKU") }}</ion-label>
             <ion-select interface="popover" v-if="content.length" :placeholder = "$t('Select')" v-model="productSkuField">
-              <ion-select-option v-bind:key="index" v-for="(prop, index) in Object.keys(content[0])">{{ prop }}</ion-select-option>
+              <ion-select-option :key="index" v-for="(prop, index) in Object.keys(content[0])">{{ prop }}</ion-select-option>
             </ion-select>
           </ion-item>
 
           <ion-item>
             <ion-label>{{ $t("Arrival date") }}</ion-label>
             <ion-select interface="popover" v-if="content.length" :placeholder = "$t('Select')" v-model="dateField">
-              <ion-select-option v-bind:key="index" v-for="(prop, index) in Object.keys(content[0])">{{ prop }}</ion-select-option>
+              <ion-select-option :key="index" v-for="(prop, index) in Object.keys(content[0])">{{ prop }}</ion-select-option>
             </ion-select>
           </ion-item>
 
           <ion-item>
             <ion-label>{{ $t("Ordered quantity") }}</ion-label>
             <ion-select interface="popover" v-if="content.length" :placeholder = "$t('Select')" v-model="quantityField">
-              <ion-select-option v-bind:key="index" v-for="(prop, index) in Object.keys(content[0])">{{ prop }}</ion-select-option>
+              <ion-select-option :key="index" v-for="(prop, index) in Object.keys(content[0])">{{ prop }}</ion-select-option>
             </ion-select>
           </ion-item>
 
           <ion-item>
             <ion-label>{{ $t("Facility ID") }}</ion-label>
             <ion-select interface="popover" v-if="content.length" :placeholder = "$t('Select')" v-model="facilityField">
-              <ion-select-option v-bind:key="index" v-for="(prop, index) in Object.keys(content[0])">{{ prop }}</ion-select-option>
+              <ion-select-option :key="index" v-for="(prop, index) in Object.keys(content[0])">{{ prop }}</ion-select-option>
             </ion-select>
           </ion-item>
         </ion-list>

diff --git a/src/views/TimezoneModal.vue b/src/views/TimezoneModal.vue
@@ -23,7 +23,7 @@
     <div v-else>
       <ion-list>
         <ion-radio-group value="rd" v-model="timeZoneId">
-          <ion-item  v-bind:key="timeZone.id" v-for="timeZone in filteredTimeZones">
+          <ion-item :key="timeZone.id" v-for="timeZone in filteredTimeZones">
             <ion-label>{{ timeZone.label }} ({{ timeZone.id }})</ion-label>
             <ion-radio :value="timeZone.id" slot="start"></ion-radio>
           </ion-item>