@dauphaihau/eslint-config 0.2.3 → 0.3.0

package/dist/index.js

@@ -599,6 +599,60 @@ async function tailwindConfig(options = {}) {
   ];
 }
 
+// src/configs/vue.ts
+async function vueConfig(options = {}) {
+  const vueFiles = strategyManager.getVueFiles(options);
+  if (vueFiles.length === 0) {
+    return [];
+  }
+  const { default: pluginVue } = await import("eslint-plugin-vue");
+  const recommendedConfigs = pluginVue.configs["flat/recommended"];
+  const [pluginSetup, parserSetup, ...ruleConfigs] = recommendedConfigs;
+  const mergedRules = ruleConfigs.reduce(
+    (acc, c) => ({ ...acc, ...c.rules }),
+    {}
+  );
+  const tsParser = options.typescript ? (await import("typescript-eslint")).parser : void 0;
+  const parserConfig = tsParser ? {
+    ...parserSetup,
+    languageOptions: {
+      ...parserSetup.languageOptions,
+      parserOptions: {
+        ...parserSetup.languageOptions?.parserOptions,
+        parser: tsParser
+      }
+    }
+  } : parserSetup;
+  return [
+    pluginSetup,
+    // registers vue plugin globally
+    parserConfig,
+    // vue-eslint-parser + processor for *.vue files
+    {
+      name: "dauphaihau/vue",
+      files: vueFiles,
+      rules: {
+        ...mergedRules,
+        "vue/comment-directive": "off",
+        // meta-rule; disable directives handled by ESLint core
+        "vue/component-name-in-template-casing": ["error", "PascalCase"],
+        "vue/component-definition-name-casing": ["error", "PascalCase"],
+        "vue/multi-word-component-names": "warn",
+        "vue/no-v-html": "warn",
+        "vue/html-self-closing": ["error", {
+          html: { void: "always", normal: "always", component: "always" },
+          svg: "always",
+          math: "always"
+        }],
+        "vue/attribute-hyphenation": ["error", "always"],
+        "vue/no-unused-vars": "error",
+        "vue/no-use-v-if-with-v-for": "error",
+        "vue/require-v-for-key": "error"
+      }
+    }
+  ];
+}
+
 // src/configs/naming.ts
 import ts2 from "typescript-eslint";
 var identifierQualityRules = {
@@ -681,6 +735,12 @@ var baseNamingSelectors = [
     format: null
     // allow anything -> API response, snake_case keys allowed
   },
+  {
+    // External type declarations may expose quoted keys such as 'flat/recommended'.
+    selector: "typeProperty",
+    modifiers: ["requiresQuotes"],
+    format: null
+  },
   {
     // internal domain types
     selector: "typeProperty",
@@ -804,6 +864,7 @@ var ESLintConfigBuilder = class {
     this.fileNamesAdded = false;
     this.typescriptAdded = false;
     this.reactAdded = false;
+    this.vueAdded = false;
     this.tailwindAdded = false;
   }
   /**
@@ -884,6 +945,21 @@ var ESLintConfigBuilder = class {
     this.reactAdded = true;
     return this;
   }
+  /**
+   * Add Vue-specific rules and plugins.
+   * Requires vue option to be set to true.
+   */
+  withVue(options) {
+    const mergedOptions = { ...this.options, ...options };
+    if (!mergedOptions.vue) {
+      console.warn(
+        "ESLintConfigBuilder: Vue config added but vue option is not set. Consider calling setOptions({ vue: true }) first."
+      );
+    }
+    this.pendingConfigs.push(vueConfig(mergedOptions));
+    this.vueAdded = true;
+    return this;
+  }
   /**
    * Add Tailwind CSS-specific rules and plugins.
    * Requires tailwind option to be set to true.
@@ -928,6 +1004,9 @@ var ESLintConfigBuilder = class {
     if (mergedOptions.react) {
       this.withReact(mergedOptions);
     }
+    if (mergedOptions.vue) {
+      this.withVue(mergedOptions);
+    }
     if (mergedOptions.tailwind) {
       this.withTailwind(mergedOptions);
     }
@@ -954,6 +1033,7 @@ var ESLintConfigBuilder = class {
     this.fileNamesAdded = false;
     this.typescriptAdded = false;
     this.reactAdded = false;
+    this.vueAdded = false;
     this.tailwindAdded = false;
     return this;
   }
@@ -984,6 +1064,9 @@ var ESLintConfigBuilder = class {
   hasReact() {
     return this.reactAdded;
   }
+  hasVue() {
+    return this.vueAdded;
+  }
   hasTailwind() {
     return this.tailwindAdded;
   }
@@ -1008,6 +1091,22 @@ var hasReact = () => {
   }
   return false;
 };
+var hasVue = () => {
+  try {
+    const packageJsonPath = "package.json";
+    if (fs3.existsSync(packageJsonPath)) {
+      const packageJson = JSON.parse(fs3.readFileSync(packageJsonPath, "utf-8"));
+      const deps = {
+        ...packageJson.dependencies,
+        ...packageJson.devDependencies,
+        ...packageJson.peerDependencies
+      };
+      return "vue" in deps;
+    }
+  } catch {
+  }
+  return false;
+};
 var hasTailwind = () => {
   try {
     const packageJsonPath = "package.json";
@@ -1028,6 +1127,7 @@ function eslintConfig(options = {}) {
   const finalOptions = {
     typescript: options.typescript ?? hasTsConfig,
     react: options.react ?? hasReact(),
+    vue: options.vue ?? hasVue(),
     tailwind: options.tailwind ?? hasTailwind(),
     ...options
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dauphaihau/eslint-config",
-  "version": "0.2.3",
+  "version": "0.3.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -34,6 +34,12 @@
     },
     "eslint-plugin-tailwindcss": {
       "optional": true
+    },
+    "eslint-plugin-vue": {
+      "optional": true
+    },
+    "vue-eslint-parser": {
+      "optional": true
     }
   },
   "devDependencies": {
@@ -43,13 +49,15 @@
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.5.2",
     "eslint-plugin-tailwindcss": "^3.18.2",
+    "eslint-plugin-vue": "^10.0.0",
+    "vue-eslint-parser": "^10.0.0",
     "jiti": "^2.0.0",
     "tsup": "^8.0.0",
     "typescript": "^5.4.0",
     "vitest": "^3.2.4"
   },
   "scripts": {
-    "build": "pnpm exec tsup src/index.ts --dts --format esm --external @eslint/js --external @stylistic/eslint-plugin --external typescript-eslint --external eslint-plugin-check-file --external eslint-plugin-react --external eslint-plugin-react-hooks --external eslint-plugin-react-refresh --external eslint-plugin-tailwindcss",
+    "build": "pnpm exec tsup src/index.ts --dts --format esm --external @eslint/js --external @stylistic/eslint-plugin --external typescript-eslint --external eslint-plugin-check-file --external eslint-plugin-react --external eslint-plugin-react-hooks --external eslint-plugin-react-refresh --external eslint-plugin-tailwindcss --external eslint-plugin-vue --external vue-eslint-parser",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "test": "vitest run",