style: update eslint config and lint files

.eslintrc.cjs

@@ -8,10 +8,13 @@ module.exports = {
     "plugin:vue/recommended",
     "@vue/prettier",
   ],
+  plugins: ["vue", "prettier", "simple-import-sort"],
   rules: {
     "no-console": "off",
     "no-debugger": "off",
     "no-undef": "off",
+
+    "simple-import-sort/imports": "error",
+    "simple-import-sort/exports": "error",
   },
-  plugins: ["vue", "prettier"],
 };

package.json

@@ -7,8 +7,8 @@
   "scripts": {
     "serve": "vite",
     "build": "vite build",
-    "lint": "eslint --ext .js,.vue src",
-    "lint:fix": "eslint --fix --ext .js,.vue src"
+    "lint": "eslint --ext .js,.cjs,.vue .",
+    "lint:fix": "eslint --fix --ext .js,.cjs,.vue ."
   },
   "repository": {
     "type": "git",
@@ -30,6 +30,7 @@
     "chalk": "^5.3.0",
     "eslint": "^8.56.0",
     "eslint-plugin-prettier": "^5.1.2",
+    "eslint-plugin-simple-import-sort": "^10.0.0",
     "eslint-plugin-vue": "^9.19.2",
     "prettier": "^3.1.1",
     "pug": "^3.0.2",

src/components/LinksPopup.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-  popup(
+  popup-wrapper(
     :z-index="zIndex",
     @overlay-click="$emit('close')",
     :middle="false",
@@ -27,13 +27,13 @@
 </template>
 
 <script>
-import Popup from "@/components/Popup.vue";
+import PopupWrapper from "@/components/PopupWrapper.vue";
 import { getDefaultLinebreak } from "@/utils/misc";
 
 export default {
   name: "LinksPopup",
   components: {
-    Popup,
+    PopupWrapper,
   },
   props: {
     zIndex: {
@@ -120,7 +120,7 @@ export default {
       try {
         GM_setClipboard(
           this.content,
-          "{ type: 'text', mimetype: 'text/plain'}"
+          "{ type: 'text', mimetype: 'text/plain'}",
         );
         this.$toast.display("复制成功！");
       } catch (e) {

src/components/Popup.vue → src/components/PopupWrapper.vue

@@ -14,7 +14,7 @@
 
 <script>
 export default {
-  name: "Popup",
+  name: "PopupWrapper",
   props: {
     zIndex: {
       type: Number,
@@ -38,7 +38,7 @@ export default {
       const { scrollTop, scrollHeight, clientHeight } = el;
 
       const isAutoOrScroll = /(auto|scroll)/.test(
-        overflow + overflowX + overflowY
+        overflow + overflowX + overflowY,
       ); // overflow is auto or scroll
 
       const scroll =

src/components/Toast.vue → src/components/ToastItem.vue

@@ -5,7 +5,7 @@
 
 <script>
 export default {
-  name: "Toast",
+  name: "ToastItem",
   data() {
     return {
       text: "",

src/components/TorrentDownloadItem.vue

@@ -54,7 +54,7 @@ export default {
           if (
             responseText &&
             (matches = responseText.match(
-              /<a href="((?:https?)?\/\/dl\.dmhy\.org\/[^"]+\.torrent)">(.+)?<\/a>/
+              /<a href="((?:https?)?\/\/dl\.dmhy\.org\/[^"]+\.torrent)">(.+)?<\/a>/,
             )) &&
             matches.length >= 3
           ) {

src/components/TreeItem.vue

@@ -48,10 +48,6 @@ const Documents = [
 export default {
   name: "TreeItem",
   props: {
-    key: {
-      type: Number,
-      default: -1,
-    },
     parentKey: {
       type: Number,
       default: -1,

src/components/Tree.vue → src/components/TreeRoot.vue

@@ -13,7 +13,7 @@
 import TreeItem from "@/components/TreeItem.vue";
 
 export default {
-  name: "Tree",
+  name: "TreeRoot",
   components: {
     TreeItem,
   },

src/main.js

@@ -1,14 +1,15 @@
 import "@/assets/css/common.styl";
 
-import Toast from "@/components/Toast.vue";
 import Vue from "vue";
-import { mountFileListElement } from "@/pages/view";
+
+import ToastItem from "@/components/ToastItem.vue";
 import { mountListElement } from "@/pages/list";
+import { mountFileListElement } from "@/pages/view";
 
 // Init toast item
-const ToastVM = Vue.extend(Toast);
+const ToastItemVM = Vue.extend(ToastItem);
 
-const toast = new ToastVM().$mount();
+const toast = new ToastItemVM().$mount();
 document.body.appendChild(toast.$el);
 
 Object.defineProperty(Vue.prototype, "$toast", { value: toast });

src/pages/list.js

@@ -1,10 +1,11 @@
-import TorrentDownloadHeader from "@/components/TorrentDownloadHeader.vue";
-import TorrentDownloadItem from "@/components/TorrentDownloadItem.vue";
+import Vue from "vue";
+
 import CheckboxHeader from "@/components/CheckboxHeader.vue";
 import CheckboxItem from "@/components/CheckboxItem.vue";
 import LinksPopup from "@/components/LinksPopup.vue";
 import ToolBar from "@/components/ToolBar.vue";
-import Vue from "vue";
+import TorrentDownloadHeader from "@/components/TorrentDownloadHeader.vue";
+import TorrentDownloadItem from "@/components/TorrentDownloadItem.vue";
 import { magnetLinksWithOptions } from "@/utils/misc";
 
 const CheckboxHeaderVM = Vue.extend(CheckboxHeader);
@@ -121,7 +122,7 @@ export function mountListElement(el) {
 
         tableContainer.insertBefore(
           headerToolbar.$el,
-          tableContainer.firstChild
+          tableContainer.firstChild,
         );
         tableContainer.appendChild(bottomToobar.$el);
 

src/pages/view.js

@@ -1,9 +1,10 @@
-import XBytes from "xbytes";
-import Tree from "@/components/Tree.vue";
 import Vue from "vue";
+import XBytes from "xbytes";
+
+import TreeRoot from "@/components/TreeRoot.vue";
 import { hashCode } from "@/utils/misc";
 
-const TreeVM = Vue.extend(Tree);
+const TreeRootVM = Vue.extend(TreeRoot);
 
 function folderTreeFromNodeList(fileNodeList) {
   const map = {};
@@ -49,7 +50,7 @@ function folderTreeFromNodeList(fileNodeList) {
 
       let baseName = filePath.substring(
         0,
-        filePath.indexOf(fileName) + fileName.length
+        filePath.indexOf(fileName) + fileName.length,
       );
       let key = hashCode(baseName);
 
@@ -98,7 +99,7 @@ export function mountFileListElement(el, title) {
     return;
   }
 
-  const tree = new TreeVM({
+  const tree = new TreeRootVM({
     propsData: {
       folders:
         (folders.length > 1 || folders[0].size) && title

vite.config.js

@@ -1,8 +1,8 @@
-import fs from "fs";
+import vue2 from "@vitejs/plugin-vue2";
 import chalk from "chalk";
-import { defineConfig } from "vite";
+import fs from "fs";
 import { fileURLToPath } from "url";
-import vue2 from "@vitejs/plugin-vue2";
+import { defineConfig } from "vite";
 import banner from "vite-plugin-banner";
 
 import { createBanner } from "./userscript";