[Improvement] follow eslint-plugin-vue strongly-recommended code style (#482)

packages/sku/components/SkuActions.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="van-sku-actions">
-    <van-button v-if="showAddCartBtn" bottomAction @click="onAddCartClicked">{{ $t('cart') }}</van-button>
-    <van-button type="primary" bottomAction @click="onBuyClicked">{{ buyText || $t('buy') }}</van-button>
+    <van-button v-if="showAddCartBtn" bottom-action @click="onAddCartClicked">{{ $t('cart') }}</van-button>
+    <van-button type="primary" bottom-action @click="onBuyClicked">{{ buyText || $t('buy') }}</van-button>
   </div>
 </template>
 

packages/sku/components/SkuHeader.vue

@@ -6,7 +6,7 @@
     <div class="van-sku-header__goods-info">
       <div class="van-sku__goods-name">{{ goods.title }}</div>
       <div class="van-sku__goods-price"><span class="van-sku__price-symbol">￥</span><span class="van-sku__price-num">{{ price }}</span></div>
-      <span class="van-sku__close-icon" @click="onCloseClicked"></span>
+      <span class="van-sku__close-icon" @click="onCloseClicked" />
     </div>
   </div>
 </template>

packages/sku/components/SkuMessages.vue

@@ -1,23 +1,25 @@
 <template>
   <cell-group class="van-sku-messages">
     <template v-for="(message, index) in internalMessages">
-      <template v-if="message.type === 'image'"></template>
-      <field v-else-if="message.multiple == '1'"
+      <template v-if="message.type === 'image'" />
+      <field
+        v-else-if="message.multiple == '1'"
         :key="`${goodsId}-${index}`"
         :required="message.required == '1'"
         :label="message.name"
         :placeholder="getPlaceholder('textarea')"
         type="textarea"
-        v-model="messageValues[index]">
-      </field>
-      <field v-else
+        v-model="messageValues[index]"
+      />
+      <field
+        v-else
         :key="`${goodsId}-${index}`"
         :required="message.required == '1'"
         :label="message.name"
         :placeholder="getPlaceholder(message.type)"
         :type="getType(message)"
-        v-model="messageValues[index]">
-      </field>
+        v-model="messageValues[index]"
+      />
     </template>
   </cell-group>
 </template>

packages/sku/components/SkuRow.vue

@@ -2,7 +2,7 @@
   <div class="van-sku-row">
     <div class="van-sku-row__title">{{ skuRow.k }}：</div>
     <div class="van-sku-row__items">
-      <slot></slot>
+      <slot />
     </div>
   </div>
 </template>

packages/sku/components/SkuRowItem.vue

@@ -1,5 +1,6 @@
 <template>
-  <span v-if="isChoosable"
+  <span
+    v-if="isChoosable"
     @click="onSkuSelected"
     class="van-sku-row__item"
     :class="{ 'van-sku-row__item--active': isChoosed }">

packages/sku/components/SkuStepper.vue

@@ -7,9 +7,9 @@
         v-model="currentNum"
         :min="1"
         :max="stepperLimit"
-        :disableInput="disableStepperInput"
-        @overlimit="handleOverLimit">
-      </stepper>
+        :disable-input="disableStepperInput"
+        @overlimit="handleOverLimit"
+      />
     </div>
     <div v-if="!hideStock" class="van-sku__stock">{{ $t('remain', stock) }}</div>
     <div v-if="quota > 0" class="van-sku__quota">{{ $t('quota', quota) }}</div>