chore: update eslint

.github/workflows/release-tag.yml

@@ -23,4 +23,3 @@ jobs:
       - run: npm publish --access=public
         env:
           NODE_AUTH_TOKEN: ${{secrets.npm_token}}
-

.versionrc.json

@@ -1,15 +1,15 @@
 {
   "types": [
-    {"type": "build", "section": "Features"},
-    {"type": "chore", "section": "Features"},
-    {"type": "ci", "section": "Features"},
-    {"type": "docs", "section": "Docs"},
-    {"type": "feat", "section": "Features"},
-    {"type": "fix", "section": "Bug Fixes"},
-    {"type": "perf", "section": "Features"},
-    {"type": "refactor", "section": "Features"},
-    {"type": "revert", "section": "Revert"},
-    {"type": "style", "section": "Style"},
-    {"type": "test", "section": "Test"}
+    { "type": "build", "section": "Features" },
+    { "type": "chore", "section": "Features" },
+    { "type": "ci", "section": "Features" },
+    { "type": "docs", "section": "Docs" },
+    { "type": "feat", "section": "Features" },
+    { "type": "fix", "section": "Bug Fixes" },
+    { "type": "perf", "section": "Features" },
+    { "type": "refactor", "section": "Features" },
+    { "type": "revert", "section": "Revert" },
+    { "type": "style", "section": "Style" },
+    { "type": "test", "section": "Test" }
   ]
-}
+}

.vscode/settings.json

@@ -0,0 +1,42 @@
+{
+  "editor.inlineSuggest.showToolbar": "onHover",
+  // 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": "explicit",
+    "source.organizeImports": "never"
+  },
+
+  // Silent the stylistic rules in you IDE, but still auto fix them
+  "eslint.rules.customizations": [
+    { "rule": "style/*", "severity": "error" },
+    { "rule": "*-indent", "severity": "error" },
+    { "rule": "*-spacing", "severity": "error" },
+    { "rule": "*-spaces", "severity": "error" },
+    { "rule": "*-order", "severity": "error" },
+    { "rule": "*-dangle", "severity": "error" },
+    { "rule": "*-newline", "severity": "error" },
+    { "rule": "*quotes", "severity": "error" },
+    { "rule": "*semi", "severity": "error" }
+  ],
+
+  // Enable eslint for all supported languages
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "markdown",
+    "json",
+    "jsonc",
+    "yaml"
+  ]
+}

dev/components-demos.ts

@@ -1,5 +1,5 @@
-/* eslint-disable @typescript-eslint/ban-ts-comment */
-// @ts-expect-error
+// eslint-disable-next-line ts/ban-ts-comment
+// @ts-nocheck
 const modules = import.meta.glob('../docs/_demos/*/*.vue', { eager: true, import: 'default' });
 
 const Cases = Object.keys(modules).reduce((pre: any, cur) => {

docs/.vitepress/nav.ts

@@ -68,15 +68,18 @@ export function getNav(lang = '') {
       text: t('guide'),
       link: `${lang}/guide/base/getting-started`,
       activeMatch: `^${lang}/guide`,
-    }, {
+    },
+    {
       text: t('compoents'),
       link: `${lang}/compoents/button`,
       activeMatch: `^${lang}/compoents`,
-    }, {
+    },
+    {
       text: t('playground'),
       link: `${lang}/play`,
       activeMatch: `^${lang}/play`,
-    }, {
+    },
+    {
       text: t('changelog'),
       link: `${lang}/CHANGELOG`,
       activeMatch: `^${lang}/CHANGELOG`,

docs/.vitepress/theme/index.ts

@@ -1,16 +1,12 @@
 import DefaultTheme from 'vitepress/theme';
 import './index.css';
 
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-expect-error
 import VUI from '@/index';
 
 export default {
   ...DefaultTheme,
   async enhanceApp({ app }) {
     app.use(VUI);
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-expect-error
     if (!import.meta.env.SSR) {
       const ReplWrapper = (await import('../plugins/repl-wrapper.vue')).default;
       app.component('ReplWrapper', ReplWrapper);

eslint.config.js

@@ -0,0 +1,21 @@
+import antfu from '@antfu/eslint-config';
+
+export default await antfu({
+  rules: {
+    'no-console': 'off',
+    'curly': ['error', 'multi-line'],
+    'max-statements-per-line': 'off',
+    'brace-style': 'off',
+    'vue/multi-word-component-names': 'off',
+    'vue/no-v-text-v-html-on-component': 'off',
+    'vue/no-reserved-component-names': 'off',
+    'node/prefer-global/process': 'off',
+    'import/no-duplicates': 'off',
+    'unused-imports/no-unused-vars': 'off',
+    'style/brace-style': ['error', '1tbs'],
+    'style/semi': 'off',
+    'ts/consistent-type-imports': ['off'],
+    'ts/semi': ['error', 'always'],
+  },
+  ignores: ['./dist', './es'],
+});

package.json

@@ -1,13 +1,19 @@
 {
   "name": "@ckpack/v-ui",
+  "type": "module",
   "version": "1.12.1",
+  "packageManager": "pnpm@7.17.1",
   "description": "Quickly create a component library for Vue 3",
+  "author": "ckvv",
+  "license": "ISC",
+  "homepage": "https://ckpack.github.io/v-ui",
+  "repository": "https://github.com/ckpack/v-ui",
+  "keywords": [
+    "vue",
+    "v-ui",
+    "vue-ui"
+  ],
   "sideEffects": false,
-  "type": "module",
-  "main": "es/index.js",
-  "module": "es/index.js",
-  "types": "es/index.d.ts",
-  "packageManager": "pnpm@7.17.1",
   "exports": {
     ".": {
       "import": "./es/index.js",
@@ -19,24 +25,21 @@
     "./src": "./src/index.ts",
     "./src/*": "./src/*"
   },
-  "repository": "https://github.com/ckpack/v-ui",
-  "homepage": "https://ckpack.github.io/v-ui",
-  "author": "ckvv",
-  "license": "ISC",
-  "keywords": [
-    "vue",
-    "v-ui",
-    "vue-ui"
-  ],
+  "main": "es/index.js",
+  "module": "es/index.js",
+  "types": "es/index.d.ts",
   "files": [
-    "src/*",
-    "es/*",
+    "components.d.ts",
     "dist/*",
-    "components.d.ts"
+    "es/*",
+    "src/*"
   ],
+  "engines": {
+    "node": ">=16"
+  },
   "scripts": {
     "preinstall": "npx simple-git-hooks",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts,.md --fix --ignore-path .gitignore",
+    "lint": "eslint . --fix",
     "release": "standard-version",
     "dev": "vite -c ./dev/vite.config.ts",
     "dev:build": "vite build -c ./dev/vite.config.ts",
@@ -50,35 +53,32 @@
     "gen": "tsx ./scripts/gen.ts",
     "postgen": "tsx ./scripts/gen-compoents.ts"
   },
+  "peerDependencies": {
+    "vue": "^3.3.x"
+  },
   "dependencies": {
     "@ant-design/colors": "^7.0.0",
     "@emotion/css": "^11.11.2",
     "async-validator": "^4.2.5"
   },
   "devDependencies": {
-    "@vue/repl": "^2.8.1",
-    "eslint": "^8.54.0",
-    "@antfu/eslint-config": "0.40.2",
-    "tsx": "^4.6.0",
+    "@antfu/eslint-config": "2.1.1",
     "@types/node": "^20.x",
-    "typescript": "5.3.2",
-    "vite": "^5.0.3",
     "@vitejs/plugin-vue": "^4.5.0",
-    "vite-plugin-dts": "3.6.3",
+    "@vue/repl": "^2.8.1",
     "@vue/tsconfig": "^0.4.0",
+    "eslint": "^8.54.0",
     "fast-glob": "^3.3.2",
-    "simple-git-hooks": "^2.9.0",
     "lint-staged": "^15.1.0",
+    "simple-git-hooks": "^2.9.0",
     "standard-version": "^9.5.0",
+    "tsx": "^4.6.0",
+    "typescript": "5.3.2",
+    "vite": "^5.0.3",
+    "vite-plugin-dts": "3.6.3",
     "vitepress": "1.0.0-rc.31",
     "vue": "^3.3.9"
   },
-  "peerDependencies": {
-    "vue": "^3.3.x"
-  },
-  "engines": {
-    "node": ">=16"
-  },
   "simple-git-hooks": {
     "pre-commit": "npx lint-staged",
     "commit-msg": "npx tsx scripts/verify-commit.ts"