refactor: 修正所有eslint问题

config/default/logger.js

@@ -2,7 +2,6 @@
  * Created by bangbang93 on 2017/4/28.
  */
 'use strict'
-/* eslint-disable @typescript-eslint/no-require-imports,@typescript-eslint/no-var-requires */
 
 const streams = [
   {

packages/admin/package.json

@@ -15,12 +15,13 @@
     "vue-tsc": "^1.8.20"
   },
   "dependencies": {
+    "@element-plus/icons-vue": "^2.1.0",
     "element-plus": "^2.4.1",
     "font-awesome": "^4.7.0",
     "ky": "^1.1.0",
     "mavon-editor": "^3.0.1",
     "vue": "^3.3.6",
-    "vue-fetch": "^2.0.0",
+    "vue-fetch": "^3.0.0-2",
     "vue-router": "^4.2.5"
   }
 }

packages/admin/src/components/attachment-card.vue

@@ -14,23 +14,35 @@
   </el-card>
 </template>
 
-<script>
-export default {
+<script lang="ts">
+import {defineComponent, PropType} from 'vue'
+
+interface IAttachment {
+  _id: string
+  path: string
+  filename: string
+  createdAt: string
+}
+
+export default defineComponent({
   name: 'FreyjaAttachmentCard',
   props: {
-    attachment: Object,
+    attachment: {
+      type: Object as PropType<IAttachment>,
+      required: true,
+    },
   },
   computed: {
     time() {
       return new Date(this.attachment.createdAt).toLocaleString()
     },
   },
   methods: {
-    view(path) {
-      window.location.href = path
+    view(path: string) {
+      window.open(path)
     },
   },
-}
+})
 </script>
 
 <style lang="scss" scoped>

packages/admin/src/pages/article/create.vue

@@ -180,12 +180,12 @@ export default defineComponent({
       article.tags = article.tags || []
       this.article = article
       this.edit.id = article._id
-      ;(this.$refs.categories as typeof ElTree).setCheckedKeys(article.categories)
+      ;(this.$refs.categories as InstanceType<typeof ElTree>).setCheckedKeys(article.categories)
     },
     async submit() {
       const data = {...this.article}
       data.attachments = this.attachments
-      data.categories = (this.$refs.categories as typeof ElTree).getCheckedKeys() as string[]
+      data.categories = (this.$refs.categories as InstanceType<typeof ElTree>).getCheckedKeys() as string[]
       let resp
       if (this.edit.id) {
         resp = await this.$fetch.put(`/api/admin/article/${this.edit.id}`, data)

packages/admin/src/pages/article/list.vue

@@ -42,12 +42,21 @@
   </div>
 </template>
 
-<script>
-export default {
+<script lang="ts">
+import {ElMessageBox} from 'element-plus'
+import {defineComponent} from 'vue'
+
+interface IArticle {
+  _id: string
+  content: string
+  createdAt: string
+}
+
+export default defineComponent({
   name: 'FreyjaArticleList',
   data() {
     return {
-      articles: [],
+      articles: [] as IArticle[],
       pageSize: 20,
       total: 0,
       currentPage: 1,
@@ -61,26 +70,26 @@ export default {
       let resp = await this.$fetch.get('/api/admin/article', {
         page: this.currentPage,
       })
-      let body = await resp.json()
+      const body = await resp.json() as IArticle[]
       body.forEach((article) => {
         article.createdAt = new Date(article.createdAt).toLocaleString()
       })
       this.articles = body
       resp = await this.$fetch.get('/api/admin/article/count')
-      body = await resp.json()
-      this.total = body.count
+      const body1 = await resp.json() as {count: number}
+      this.total = body1.count
     },
-    handleEdit($index, row) {
+    handleEdit(_: number, row: IArticle) {
       this.$router.push({
         name: 'article.edit',
         params: {
           id: row._id,
         },
       })
     },
-    async handleDelete($index, row) {
+    async handleDelete(_: number, row: IArticle) {
       try {
-        const result = await this.$confirm('确定删除', 'Freyja')
+        const result = await ElMessageBox.confirm('确定删除', 'Freyja')
         if (result === 'confirm') {
           const resp = await this.$fetch.del(`/api/admin/article/${row._id}`)
           if (resp.status === 204) {
@@ -96,12 +105,12 @@ export default {
     async onRerenderAllClick() {
       const resp = await this.$fetch.get('/api/admin/article/rerender-all')
       if (resp.status === 200) {
-        this.$alert('渲染成功')
+        await ElMessageBox.alert('渲染成功')
       } else {
-        const body = await resp.json()
-        this.$alert(body.message || body.msg)
+        const body = await resp.json() as Record<string, string>
+        await ElMessageBox.alert(body.message || body.msg)
       }
     },
   },
-}
+})
 </script>

packages/admin/src/pages/attachment/list.vue

@@ -36,19 +36,24 @@
   </div>
 </template>
 
-<script>
+<script lang="ts">
 import {Upload as ElIconUpload} from '@element-plus/icons-vue'
+import {defineComponent} from 'vue'
 import FreyjaAttachmentCard from '../../components/attachment-card.vue'
 
-export default {
+interface IAttachment {
+  _id: string
+}
+
+export default defineComponent({
   name: 'FreyjaAttachmentList',
   components: {
     FreyjaAttachmentCard,
     ElIconUpload,
   },
   data() {
     return {
-      attachments: [],
+      attachments: [] as IAttachment[],
       pageSize: 20,
       total: 0,
       currentPage: 1,
@@ -60,14 +65,14 @@ export default {
   methods: {
     async initData() {
       let resp = await this.$fetch.get('/api/admin/attachment')
-      let body = await resp.json()
+      const body = await resp.json() as IAttachment[]
       this.attachments = body
       resp = await this.$fetch.get('/api/admin/attachment/count')
-      body = await resp.json()
-      this.total = body.count
+      const body1 = await resp.json() as {count: number}
+      this.total = body1.count
     },
   },
-}
+})
 </script>
 
 <style lang="scss" scoped>

packages/admin/src/pages/comment/list.vue

@@ -33,12 +33,19 @@
   </div>
 </template>
 
-<script>
-export default {
+<script lang="ts">
+import {defineComponent} from 'vue'
+
+interface IComment {
+  _id: string
+  content: string
+}
+
+export default defineComponent({
   name: 'FreyjaCommentList',
   data() {
     return {
-      comments: [],
+      comments: [] as IComment[],
       currentPage: 1,
       pageSize: 20,
       total: 0,
@@ -52,14 +59,14 @@ export default {
       const resp = await this.$fetch.get('/api/admin/comment', {
         page: this.currentPage,
       })
-      this.comments = await resp.json()
+      this.comments = await resp.json() as IComment[]
     },
-    async handleDelete(index, row) {
+    async handleDelete(_: number, row: IComment) {
       const resp = await this.$fetch.del(`/api/admin/comment/${row._id}`)
       if (resp.status === 204) {
         await this.initData()
       }
     },
   },
-}
+})
 </script>