@ocavue/eslint-config 1.9.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/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,7 +1,7 @@
 {
   "name": "@ocavue/eslint-config",
   "type": "module",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "packageManager": "pnpm@8.15.9",
   "description": "",
   "author": "ocavue <ocavue@gmail.com>",
@@ -46,6 +46,7 @@
     "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.17.0"
   },

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/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
+}