@ocavue/eslint-config 1.8.0 → 1.10.0

package/README.md

@@ -37,6 +37,15 @@ import { basic, react } from '@ocavue/eslint-config'
 export default [...basic(), ...react()]
 ```
 
+If you want to use the Vue config, you can do the following:
+
+```JS
+// eslint.config.js
+import { basic, vue } from '@ocavue/eslint-config'
+
+export default [...basic(), ...vue()]
+```
+
 If you want to use the check the code blocks in markdown files, you can do the following:
 
 ```JS

package/dist/src/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/react.js"],"names":[],"mappings":"AASA,mGAwCC"}
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/react.js"],"names":[],"mappings":"AAYA,mGAiCC"}

package/dist/src/typescript-language-options.d.ts

@@ -0,0 +1,3 @@
+/** @type {import('eslint').Linter.FlatConfig['languageOptions']} */
+export const typescriptLanguageOptions: import("eslint").Linter.FlatConfig["languageOptions"];
+//# sourceMappingURL=typescript-language-options.d.ts.map

package/dist/src/typescript-language-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typescript-language-options.d.ts","sourceRoot":"","sources":["../../src/typescript-language-options.js"],"names":[],"mappings":"AAIA,oEAAoE;AACpE,wCADW,OAAO,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAS/D"}

package/dist/src/typescript.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typescript.d.ts","sourceRoot":"","sources":["../../src/typescript.js"],"names":[],"mappings":"AAWA,wGA6FC;;qBAnGoB,mBAAmB"}
+{"version":3,"file":"typescript.d.ts","sourceRoot":"","sources":["../../src/typescript.js"],"names":[],"mappings":"AAYA,wGAqFC;;qBA5FoB,mBAAmB"}

package/dist/src/vue.d.ts

@@ -0,0 +1,2 @@
+export function vue(): import("eslint").Linter.FlatConfig<import("eslint").Linter.RulesRecord>[];
+//# sourceMappingURL=vue.d.ts.map

package/dist/src/vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue.d.ts","sourceRoot":"","sources":["../../src/vue.js"],"names":[],"mappings":"AAYA,iGAyBC"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@ocavue/eslint-config",
   "type": "module",
-  "version": "1.8.0",
-  "packageManager": "pnpm@8.15.8",
+  "version": "1.10.0",
+  "packageManager": "pnpm@8.15.9",
   "description": "",
   "author": "ocavue <ocavue@gmail.com>",
   "license": "MIT",
@@ -33,7 +33,7 @@
   "dependencies": {
     "@eslint-types/typescript-eslint": "^7.5.0",
     "@eslint-types/unicorn": "^52.0.0",
-    "@types/eslint": "^8.56.10",
+    "@types/eslint": "^8.56.11",
     "@types/eslint-plugin-markdown": "^2.0.2",
     "eslint-config-prettier": "^9.1.0",
     "eslint-import-resolver-typescript": "^3.6.1",
@@ -41,21 +41,22 @@
     "eslint-plugin-deprecation": "^3.0.0",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jsonc": "^2.16.0",
-    "eslint-plugin-markdown": "^5.0.0",
+    "eslint-plugin-markdown": "^5.1.0",
     "eslint-plugin-no-only-tests": "^3.1.0",
-    "eslint-plugin-react": "^7.34.3",
+    "eslint-plugin-react": "^7.35.0",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-unicorn": "^54.0.0",
+    "eslint-plugin-vue": "^9.27.0",
     "jsonc-eslint-parser": "^2.4.0",
-    "typescript-eslint": "^7.16.0"
+    "typescript-eslint": "^7.17.0"
   },
   "devDependencies": {
-    "@antfu/ni": "^0.21.12",
+    "@antfu/ni": "^0.22.0",
     "@types/eslint-config-prettier": "^6.11.3",
-    "@types/node": "^20.14.10",
+    "@types/node": "^20.14.12",
     "eslint": "^8.57.0",
-    "prettier": "^3.3.2",
-    "typescript": "^5.5.3"
+    "prettier": "^3.3.3",
+    "typescript": "^5.5.4"
   },
   "renovate": {
     "extends": [

package/src/imports.js

@@ -20,8 +20,8 @@ export function imports() {
         },
       },
       rules: {
-        // External modules must be declared in the package.json
-        'import/no-extraneous-dependencies': 'warn',
+        // External modules must be declared in the package.json. Only enforced in CI.
+        'import/no-extraneous-dependencies': process.env.CI ? 'error' : 'off',
         'import/first': 'warn',
         'import/no-mutable-exports': 'warn',
         'import/no-useless-path-segments': 'warn',

package/src/react.js

@@ -7,34 +7,30 @@ import reactHooksPlugin from 'eslint-plugin-react-hooks'
 
 import { GLOB_TS, GLOB_TSX } from './shared.js'
 
+/** @type {import('eslint').Linter.FlatConfig} */
+const reactRecommended = reactPlugin.configs.flat.recommended
+
 export function react() {
   /** @type {import('eslint').Linter.FlatConfig[]} */
   const config = [
     {
+      ...reactRecommended,
+      name: 'react',
       files: [GLOB_TS, GLOB_TSX],
-      plugins: {
-        react: reactPlugin,
-      },
-      languageOptions: {
-        parserOptions: {
-          ecmaFeatures: {
-            jsx: true,
-          },
-        },
-      },
       settings: {
         react: {
           version: 'detect',
         },
       },
       rules: {
-        ...reactPlugin.configs.recommended.rules,
+        ...reactRecommended.rules,
         'react/prop-types': 'off',
         'react/react-in-jsx-scope': 'off',
       },
     },
 
     {
+      name: 'react-hooks',
       files: [GLOB_TS, GLOB_TSX],
       plugins: {
         'react-hooks': reactHooksPlugin,

package/src/typescript-language-options.js

@@ -0,0 +1,14 @@
+// @ts-check
+
+import tseslint from 'typescript-eslint'
+
+/** @type {import('eslint').Linter.FlatConfig['languageOptions']} */
+export const typescriptLanguageOptions = {
+  // @ts-expect-error: conflict type
+  parser: tseslint.parser,
+  parserOptions: {
+    project: true,
+    sourceType: 'module',
+    ecmaVersion: 'latest',
+  },
+}

package/src/typescript.js

@@ -6,6 +6,7 @@ import deprecationPlugin from 'eslint-plugin-deprecation'
 import tseslint from 'typescript-eslint'
 
 import { GLOB_JS, GLOB_JSX, GLOB_TEST, GLOB_TS, GLOB_TSX } from './shared.js'
+import { typescriptLanguageOptions } from './typescript-language-options.js'
 
 export { tseslint }
 
@@ -19,15 +20,7 @@ export function typescript() {
     {
       name: 'typescript',
       files: [GLOB_TS, GLOB_TSX, GLOB_JS, GLOB_JSX],
-      languageOptions: {
-        // @ts-expect-error: conflict type
-        parser: tseslint.parser,
-        parserOptions: {
-          project: true,
-          sourceType: 'module',
-          ecmaVersion: 'latest',
-        },
-      },
+      languageOptions: typescriptLanguageOptions,
       plugins: {
         // @ts-expect-error: conflict type
         '@typescript-eslint': tseslint.plugin,

package/src/vue.js

@@ -0,0 +1,38 @@
+// @ts-check
+
+import prettierConfig from 'eslint-config-prettier'
+// @ts-expect-error no types
+import pluginVue from 'eslint-plugin-vue'
+
+import { GLOB_VUE } from './shared.js'
+import { typescriptLanguageOptions } from './typescript-language-options.js'
+
+/** @type {import('eslint').Linter.FlatConfig} */
+const vueRecommended = pluginVue.configs['flat/recommended']
+
+export function vue() {
+  /** @type {import('eslint').Linter.FlatConfig[]} */
+  const config = [
+    {
+      ...vueRecommended,
+      name: 'vue',
+      files: [GLOB_VUE],
+      languageOptions: typescriptLanguageOptions,
+      rules: {
+        ...vueRecommended.rules,
+
+        ...Object.fromEntries(
+          Object.entries(prettierConfig.rules)
+            .filter(([key]) => key.startsWith('vue/'))
+            .map(([key, value]) => [key, value]),
+        ),
+
+        'vue/multi-word-component-names': 'off',
+        'vue/one-component-per-file': 'off',
+        'vue/require-prop-types': 'off',
+      },
+    },
+  ]
+
+  return config
+}