feat: update deps & eslint

.vscode/settings.json

@@ -1,15 +1,44 @@
 {
   "typescript.tsdk": "node_modules/typescript/lib",
   "typescript.tsc.autoDetect": "off",
-  "css.validate": false,
-  "less.validate": false,
+  // Enable the ESlint flat config support
+  "eslint.experimental.useFlatConfig": true,
+
+  // Disable the default formatter, use eslint instead
   "prettier.enable": false,
+  "editor.formatOnSave": false,
+
+  // Auto fix
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
-  },
-  "files.associations": {
-    "*.css": "postcss"
+    "source.fixAll": "explicit",
+    "source.organizeImports": "never"
   },
-  "editor.formatOnSave": false,
+
+  // Silent the stylistic rules in you IDE, but still auto fix them
+  "eslint.rules.customizations": [
+    { "rule": "style/*", "severity": "off" },
+    { "rule": "*-indent", "severity": "off" },
+    { "rule": "*-spacing", "severity": "off" },
+    { "rule": "*-spaces", "severity": "off" },
+    { "rule": "*-order", "severity": "off" },
+    { "rule": "*-dangle", "severity": "off" },
+    { "rule": "*-newline", "severity": "off" },
+    { "rule": "*quotes", "severity": "off" },
+    { "rule": "*semi", "severity": "off" }
+  ],
+
+  // Enable eslint for all supported languages
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "markdown",
+    "json",
+    "jsonc",
+    "yaml"
+  ],
   "cSpell.words": ["tampermonkey"]
 }

eslint.config.js

@@ -0,0 +1,7 @@
+import antfu from '@antfu/eslint-config'
+
+export default antfu({
+  rules: {
+    'no-console': 'off',
+  },
+})

package.json

@@ -1,11 +1,11 @@
 {
   "name": "content-script-vue",
+  "type": "module",
+  "version": "1.0.0",
+  "packageManager": "pnpm@8.9.2",
   "description": "一个浏览器脚本",
   "author": "wear工程师 <1225186748@qq.com>",
-  "version": "1.0.0",
-  "type": "module",
   "license": "MIT",
-  "packageManager": "pnpm@8.6.12",
   "scripts": {
     "dev": "vite",
     "build": " vite build",
@@ -14,32 +14,32 @@
     "typecheck": "vue-tsc --noEmit --skipLibCheck "
   },
   "dependencies": {
-    "jquery": "^3.7.0",
-    "vue": "^3.3.4"
+    "jquery": "^3.7.1",
+    "vue": "^3.3.6"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.40.2",
+    "@antfu/eslint-config": "^1.0.0-beta.28",
     "@iconify-json/ic": "^1.1.14",
     "@iconify-json/mdi": "^1.1.54",
-    "@types/jquery": "^3.5.16",
-    "@types/webextension-polyfill": "^0.10.1",
-    "@unocss/preset-icons": "^0.55.2",
-    "@unocss/reset": "^0.55.2",
-    "@unocss/transformer-directives": "^0.55.2",
-    "@vitejs/plugin-vue": "^4.3.2",
-    "@vueuse/core": "^10.3.0",
+    "@types/jquery": "^3.5.25",
+    "@types/webextension-polyfill": "^0.10.5",
+    "@unocss/preset-icons": "^0.57.1",
+    "@unocss/reset": "^0.57.1",
+    "@unocss/transformer-directives": "^0.57.1",
+    "@vitejs/plugin-vue": "^4.4.0",
+    "@vueuse/core": "^10.5.0",
     "esno": "^0.17.0",
     "less": "^4.2.0",
-    "naive-ui": "^2.34.4",
+    "naive-ui": "^2.35.0",
     "postcss-prefix-selector": "^1.16.0",
-    "typescript": "^5.1.6",
-    "unocss": "^0.55.2",
-    "unocss-preset-theme": "^0.9.1",
+    "typescript": "^5.2.2",
+    "unocss": "^0.56.5",
+    "unocss-preset-theme": "^0.10.1",
     "unplugin-auto-import": "^0.16.6",
-    "vite": "^4.4.9",
+    "vite": "^4.5.0",
     "vite-plugin-css-injected-by-js": "^3.3.0",
     "vite-plugin-web-extension": "^3.2.0",
-    "vue-tsc": "^1.8.8",
+    "vue-tsc": "^1.8.20",
     "webextension-polyfill": "^0.10.0"
   }
 }

src/Content.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 // import $ from 'jquery' // 你可以使用jquery来进行dom操作
-import { NButton } from 'naive-ui'
-import { NConfigProvider, darkTheme } from 'naive-ui'
+import { NButton, NConfigProvider, darkTheme } from 'naive-ui'
 import Logs from './components/Logs.vue'
 import Window from './components/Window.vue'
 

src/auto-imports.d.ts

@@ -40,6 +40,7 @@ declare global {
   const h: typeof import('vue')['h']
   const ignorableWatch: typeof import('@vueuse/core')['ignorableWatch']
   const inject: typeof import('vue')['inject']
+  const injectLocal: typeof import('@vueuse/core')['injectLocal']
   const isDefined: typeof import('@vueuse/core')['isDefined']
   const isProxy: typeof import('vue')['isProxy']
   const isReactive: typeof import('vue')['isReactive']
@@ -67,6 +68,7 @@ declare global {
   const onUpdated: typeof import('vue')['onUpdated']
   const pausableWatch: typeof import('@vueuse/core')['pausableWatch']
   const provide: typeof import('vue')['provide']
+  const provideLocal: typeof import('@vueuse/core')['provideLocal']
   const reactify: typeof import('@vueuse/core')['reactify']
   const reactifyObject: typeof import('@vueuse/core')['reactifyObject']
   const reactive: typeof import('vue')['reactive']
@@ -323,6 +325,7 @@ declare module 'vue' {
     readonly h: UnwrapRef<typeof import('vue')['h']>
     readonly ignorableWatch: UnwrapRef<typeof import('@vueuse/core')['ignorableWatch']>
     readonly inject: UnwrapRef<typeof import('vue')['inject']>
+    readonly injectLocal: UnwrapRef<typeof import('@vueuse/core')['injectLocal']>
     readonly isDefined: UnwrapRef<typeof import('@vueuse/core')['isDefined']>
     readonly isProxy: UnwrapRef<typeof import('vue')['isProxy']>
     readonly isReactive: UnwrapRef<typeof import('vue')['isReactive']>
@@ -350,6 +353,7 @@ declare module 'vue' {
     readonly onUpdated: UnwrapRef<typeof import('vue')['onUpdated']>
     readonly pausableWatch: UnwrapRef<typeof import('@vueuse/core')['pausableWatch']>
     readonly provide: UnwrapRef<typeof import('vue')['provide']>
+    readonly provideLocal: UnwrapRef<typeof import('@vueuse/core')['provideLocal']>
     readonly reactify: UnwrapRef<typeof import('@vueuse/core')['reactify']>
     readonly reactifyObject: UnwrapRef<typeof import('@vueuse/core')['reactifyObject']>
     readonly reactive: UnwrapRef<typeof import('vue')['reactive']>
@@ -600,6 +604,7 @@ declare module '@vue/runtime-core' {
     readonly h: UnwrapRef<typeof import('vue')['h']>
     readonly ignorableWatch: UnwrapRef<typeof import('@vueuse/core')['ignorableWatch']>
     readonly inject: UnwrapRef<typeof import('vue')['inject']>
+    readonly injectLocal: UnwrapRef<typeof import('@vueuse/core')['injectLocal']>
     readonly isDefined: UnwrapRef<typeof import('@vueuse/core')['isDefined']>
     readonly isProxy: UnwrapRef<typeof import('vue')['isProxy']>
     readonly isReactive: UnwrapRef<typeof import('vue')['isReactive']>
@@ -627,6 +632,7 @@ declare module '@vue/runtime-core' {
     readonly onUpdated: UnwrapRef<typeof import('vue')['onUpdated']>
     readonly pausableWatch: UnwrapRef<typeof import('@vueuse/core')['pausableWatch']>
     readonly provide: UnwrapRef<typeof import('vue')['provide']>
+    readonly provideLocal: UnwrapRef<typeof import('@vueuse/core')['provideLocal']>
     readonly reactify: UnwrapRef<typeof import('@vueuse/core')['reactify']>
     readonly reactifyObject: UnwrapRef<typeof import('@vueuse/core')['reactifyObject']>
     readonly reactive: UnwrapRef<typeof import('vue')['reactive']>

src/vite-env.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="vite/client" />
 
-
 declare module '*.vue' {
   import type { DefineComponent } from 'vue'
 
+  // eslint-disable-next-line ts/ban-types
   const component: DefineComponent<{}, {}, any>
   export default component
 }

tsconfig.json

@@ -1,19 +1,19 @@
 {
   "compilerOptions": {
     "target": "ESNext",
+    "jsx": "preserve",
+    "lib": ["ESNext", "DOM"],
     "useDefineForClassFields": true,
     "module": "ESNext",
     "moduleResolution": "Node",
-    "strict": true,
-    "jsx": "preserve",
     "resolveJsonModule": true,
-    "isolatedModules": true,
-    "esModuleInterop": true,
-    "lib": ["ESNext", "DOM"],
-    "skipLibCheck": true,
     "types": ["naive-ui/volar"],
-    "noEmit": true
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "isolatedModules": true,
+    "skipLibCheck": true
   },
-  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
-  "references": [{ "path": "./tsconfig.node.json" }]
+  "references": [{ "path": "./tsconfig.node.json" }],
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
 }

tsconfig.node.json

@@ -3,8 +3,8 @@
     "composite": true,
     "module": "ESNext",
     "moduleResolution": "Node",
-    "allowSyntheticDefaultImports": true,
     "resolveJsonModule": true,
+    "allowSyntheticDefaultImports": true
   },
   "include": ["vite.config.ts", "header", "package.json", "src/manifest.json"]
 }