added ESlint 语法检测

web/src/view/about/index.vue

@@ -12,7 +12,7 @@
                     class="org-img dom-center"
                     src="@/assets/logo.png"
                     alt="gin-vue-admin"
-                  />
+                  >
                 </a>
               </el-col>
             </el-row>
@@ -23,7 +23,7 @@
                     class="dom-center"
                     src="https://img.shields.io/github/watchers/flipped-aurora/gin-vue-admin.svg?label=Watch"
                     alt=""
-                  />
+                  >
                 </a>
               </el-col>
               <el-col :span="8">
@@ -31,15 +31,19 @@
                   <img
                     class="dom-center"
                     src="https://img.shields.io/github/stars/flipped-aurora/gin-vue-admin.svg?style=social"
-                    alt=""/></a
-              ></el-col>
+                    alt=""
+                  >
+                </a>
+              </el-col>
               <el-col :span="8">
                 <a href="https://github.com/flipped-aurora/gin-vue-admin">
                   <img
                     class="dom-center"
                     src="https://img.shields.io/github/forks/flipped-aurora/gin-vue-admin.svg?label=Fork"
-                    alt=""/></a
-              ></el-col>
+                    alt=""
+                  >
+                </a>
+              </el-col>
             </el-row>
           </div>
         </el-card>
@@ -53,15 +57,15 @@
                     class="org-img dom-center"
                     src="@/assets/flipped-aurora.png"
                     alt="flipped-aurora"
-                  />
+                  >
                 </a>
               </el-col>
             </el-row>
             <el-row style="margin-left: 40px" :gutter="20">
               <template v-for="(item, index) in members">
-                <el-col :span="8" :key="index">
+                <el-col :key="index" :span="8">
                   <a :href="item.html_url">
-                    <img class="avatar-img" :src="item.avatar_url" />
+                    <img class="avatar-img" :src="item.avatar_url">
                     <a class="author-name" style="">{{ item.login }}</a>
                   </a>
                 </el-col>
@@ -79,16 +83,18 @@
             <Timeline
               :timeline-items="dataTimeline"
               :message-when-no-items="messageWhenNoItems"
-              :uniqueTimeline="true"
+              :unique-timeline="true"
               :unique-year="true"
               :show-day-and-month="true"
               order="desc"
-              dateLocale="zh-CN"
+              date-locale="zh-CN"
             />
           </div>
-          <el-button class="load-more" @click="loadMore" type="text"
-            >Load more</el-button
-          >
+          <el-button
+            class="load-more"
+            type="text"
+            @click="loadMore"
+          >Load more</el-button>
         </el-card>
       </el-col>
     </el-row>
@@ -96,29 +102,29 @@
 </template>
 
 <script>
-import { Commits, Members } from "@/api/github";
-import Timeline from "timeline-vuejs";
+import { Commits, Members } from '@/api/github'
+import Timeline from 'timeline-vuejs'
 export default {
-  name: "Test",
+  name: 'About',
   components: {
-    Timeline,
+    Timeline
   },
   data() {
     return {
-      messageWhenNoItems: "There arent commits",
+      messageWhenNoItems: 'There arent commits',
       members: [],
       dataTimeline: [],
-      page: 0,
-    };
+      page: 0
+    }
   },
   created() {
-    this.loadCommits();
-    this.loadMembers();
+    this.loadCommits()
+    this.loadMembers()
   },
   methods: {
     loadMore() {
-      this.page++;
-      this.loadCommits();
+      this.page++
+      this.loadCommits()
     },
     loadCommits() {
       Commits(this.page).then(({ data }) => {
@@ -128,20 +134,20 @@ export default {
               from: new Date(element.commit.author.date),
               title: element.commit.author.name,
               showDayAndMonth: true,
-              description: `<a style="color: #26191b" href="${element.html_url}">${element.commit.message}</a>`,
-            });
+              description: `<a style="color: #26191b" href="${element.html_url}">${element.commit.message}</a>`
+            })
           }
-        });
-      });
+        })
+      })
     },
     loadMembers() {
       Members().then(({ data }) => {
-        this.members = data;
-        this.members.sort();
-      });
-    },
-  },
-};
+        this.members = data
+        this.members.sort()
+      })
+    }
+  }
+}
 </script>
 
 <style scoped>