Merge pull request #85 from k2maan/#2yma2j9

Refactored: removed v-bind and used the shorthand instead (#2yma2j9)
hotwax · Nov 1, 2022 · 2e24650 · 2e24650
2 parents dc94612 + 8eb196e
commit 2e24650
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>