improved linting

Author: dwightjack

eslint.config.mjs

@@ -3,11 +3,33 @@
 import eslint from '@eslint/js'
 import ts from 'typescript-eslint'
 import prettier from 'eslint-plugin-prettier/recommended'
+import vue from 'eslint-plugin-vue'
+import globals from 'globals'
 
 export default ts.config(
   eslint.configs.recommended,
   ...ts.configs.strict,
   ...ts.configs.stylistic,
+  {
+    extends: [
+      eslint.configs.recommended,
+      ...ts.configs.strict,
+      ...ts.configs.stylistic,
+      ...vue.configs['flat/recommended'],
+    ],
+    files: ['**/*.{ts,vue}'],
+    languageOptions: {
+      ecmaVersion: 'latest',
+      sourceType: 'module',
+      globals: globals.browser,
+      parserOptions: {
+        parser: ts.parser,
+      },
+    },
+    rules: {
+      'vue/one-component-per-file': 0,
+    },
+  },
   {
     files: ['**/*.ts'],
     rules: {
@@ -16,5 +38,7 @@ export default ts.config(
     },
   },
   prettier,
-  { ignores: ['**/dist', '**/node_modules', '**/shim', '**/*.vue'] },
+  {
+    ignores: ['**/dist', '**/node_modules', '**/shim', '**/*.vue', '**/cache'],
+  },
 )

package.json

@@ -31,6 +31,8 @@
     "@vitest/coverage-v8": "2.1.8",
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-prettier": "5.2.1",
+    "eslint-plugin-vue": "^9.32.0",
+    "globals": "^15.14.0",
     "happy-dom": "15.11.7",
     "lefthook": "1.8.5",
     "prettier": "3.3.3",

packages/docs/package.json

@@ -5,7 +5,10 @@
   "version": "0.0.0",
   "scripts": {
     "dev": "vitepress dev",
-    "build": "cross-env NODE_ENV=production vitepress build"
+    "build": "cross-env NODE_ENV=production vitepress build",
+    "lint": "pnpm run \"/^lint:.*/\"",
+    "lint:js": "eslint '{.vitepress,components}/**/*.{ts,js,vue}'",
+    "lint:md": "prettier '**/*.md' --check"
   },
   "devDependencies": {
     "cross-env": "7.0.3",

packages/examples/package.json

@@ -7,7 +7,7 @@
     "start": "vite -c ./vite.config.ts",
     "lint": "pnpm run \"/^lint:.*/\"",
     "lint:type": "tsc --noEmit --skipLibCheck",
-    "lint:js": "eslint '**/*.ts'"
+    "lint:js": "eslint '**/*.{ts,vue}'"
   },
   "dependencies": {
     "vue": "3.5.13"