chore: fig tools config

.eslintrc

@@ -8,9 +8,11 @@
   "plugins": ["vue", "@typescript-eslint", "prettier", "tailwindcss", "import"],
   "extends": [
     "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:vue/vue3-essential",
+    "plugin:vue/vue3-strongly-recommended",
     "plugin:vue/vue3-recommended",
     "plugin:tailwindcss/recommended",
-    "plugin:@typescript-eslint/recommended",
     "plugin:prettier/recommended",
     "prettier"
   ],
@@ -21,6 +23,14 @@
     "sourceType": "module"
   },
   "rules": {
+    "no-debugger": "error",
+    "no-unused-vars": [
+      "warn",
+      {
+        "args": "after-used",
+        "argsIgnorePattern": "^_"
+      }
+    ],
     "quotes": [
       "warn",
       "single",
@@ -30,14 +40,14 @@
     ], // 使用单引号
     "vue/multi-word-component-names": 0,
     "prettier/prettier": "off",
+    "@typescript-eslint/no-unused-vars": "off",
+    "vue/script-setup-uses-vars": "off",
     "tailwindcss/classnames-order": "off",
     "tailwindcss/enforces-negative-arbitrary-values": "warn",
     "tailwindcss/enforces-shorthand": "warn",
     "tailwindcss/migration-from-tailwind-2": "warn",
     "tailwindcss/no-arbitrary-value": "off",
     "tailwindcss/no-custom-classname": "off",
-    "tailwindcss/no-contradicting-classname": "error",
-    "no-unused-vars": "warn",
-    "@typescript-eslint/no-unused-vars": "warn"
+    "tailwindcss/no-contradicting-classname": "error"
   }
 }

package.json

@@ -6,16 +6,19 @@
     "prebuild": "lint-staged && vue-tsc --noEmit ",
     "build": "vite build",
     "dev": "vite",
-    "eslint": "eslint 'src/**/*.{ts,tsx,vue,less,css,json,js}' --fix",
+    "eslint": "eslint 'src/**/*.{ {j,t}s?(x),vue,{le,c,sa}ss }' --fix",
+    "format": "prettier '{src/**/*.{js,ts,tsx,md,html,less,css,json,vue},package.json,*.config.js,locales/*.yml}' --write",
     "lint": "lint-staged",
     "lint:prettier": "pretty-quick --verbose",
     "prepare": "husky install",
-    "prettier": "prettier '{src/**/*.{js,ts,tsx,md,html,less,css,json,vue},package.json,tailwind.config.js,locales/*.yml}' --write",
     "preview": "vite preview"
   },
   "lint-staged": {
-    "src/**/*.{js,ts,tsx,md,html,less,css,json,vue}": "prettier --write",
-    "src/**/*.{ts,tsx,vue}": "eslint --fix",
+    "src/**/*.{{j,t}s?(x),vue,{le,c,sa}ss}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "src/**/*.{md,html,json}": "prettier --write",
     "{!(package)*.json,*.code-snippets,.!(browserslist)*rc}": [
       "prettier --write--parser json"
     ],

tailwind.config.js

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @typescript-eslint/no-var-requires
 const colors = require('tailwindcss/colors');
 
 module.exports = {

vite.config.ts

@@ -8,15 +8,19 @@ import IconsResolver from 'unplugin-icons/resolver';
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  css: {
+    postcss: {
+      plugins: [require('postcss-import'), require('tailwindcss'), require('autoprefixer')],
+    },
+  },
   resolve: {
     alias: {
       '~/': `${path.resolve(__dirname, './src')}/`,
-      '/~/': `${path.resolve(__dirname, 'src')}/`,
     },
   },
   server: {
     host: '0.0.0.0',
-    port: 3000,
+    port: 5173,
     proxy: {},
     cors: true,
   },