refactor: add eslint-plugin-vue && lint code (#976)

src/views/tab/components/tabPane.vue

@@ -1,47 +1,51 @@
 <template>
   <el-table :data="list" border fit highlight-current-row style="width: 100%">
 
-    <el-table-column align="center" label="ID" width="65"  v-loading="loading"
-    element-loading-text="请给我点时间！">
+    <el-table-column
+      v-loading="loading"
+      align="center"
+      label="ID"
+      width="65"
+      element-loading-text="请给我点时间！">
       <template slot-scope="scope">
-        <span>{{scope.row.id}}</span>
+        <span>{{ scope.row.id }}</span>
       </template>
     </el-table-column>
 
     <el-table-column width="180px" align="center" label="Date">
       <template slot-scope="scope">
-        <span>{{scope.row.timestamp | parseTime('{y}-{m}-{d} {h}:{i}')}}</span>
+        <span>{{ scope.row.timestamp | parseTime('{y}-{m}-{d} {h}:{i}') }}</span>
       </template>
     </el-table-column>
 
     <el-table-column min-width="300px" label="Title">
       <template slot-scope="scope">
-        <span>{{scope.row.title}}</span>
-        <el-tag>{{scope.row.type}}</el-tag>
+        <span>{{ scope.row.title }}</span>
+        <el-tag>{{ scope.row.type }}</el-tag>
       </template>
     </el-table-column>
 
     <el-table-column width="110px" align="center" label="Author">
       <template slot-scope="scope">
-        <span>{{scope.row.author}}</span>
+        <span>{{ scope.row.author }}</span>
       </template>
     </el-table-column>
 
     <el-table-column width="120px" label="Importance">
       <template slot-scope="scope">
-        <svg-icon v-for="n in +scope.row.importance" icon-class="star" :key="n"></svg-icon>
+        <svg-icon v-for="n in +scope.row.importance" :key="n" icon-class="star"/>
       </template>
     </el-table-column>
 
     <el-table-column align="center" label="Readings" width="95">
       <template slot-scope="scope">
-        <span>{{scope.row.pageviews}}</span>
+        <span>{{ scope.row.pageviews }}</span>
       </template>
     </el-table-column>
 
     <el-table-column class-name="status-col" label="Status" width="110">
       <template slot-scope="scope">
-        <el-tag :type="scope.row.status | statusFilter">{{scope.row.status}}</el-tag>
+        <el-tag :type="scope.row.status | statusFilter">{{ scope.row.status }}</el-tag>
       </template>
     </el-table-column>
 
@@ -52,6 +56,16 @@
 import { fetchList } from '@/api/article'
 
 export default {
+  filters: {
+    statusFilter(status) {
+      const statusMap = {
+        published: 'success',
+        draft: 'info',
+        deleted: 'danger'
+      }
+      return statusMap[status]
+    }
+  },
   props: {
     type: {
       type: String,
@@ -70,16 +84,6 @@ export default {
       loading: false
     }
   },
-  filters: {
-    statusFilter(status) {
-      const statusMap = {
-        published: 'success',
-        draft: 'info',
-        deleted: 'danger'
-      }
-      return statusMap[status]
-    }
-  },
   created() {
     this.getList()
   },