@dauphaihau/eslint-config 0.2.2 → 0.3.0

package/dist/index.js

@@ -551,9 +551,11 @@ async function reactConfig(options = {}) {
 }
 
 // src/configs/tailwind.ts
+import fs2 from "fs";
+var tailwindConfigFile = ["tailwind.config.js", "tailwind.config.ts", "tailwind.config.mjs", "tailwind.config.cjs"].find((f) => fs2.existsSync(f));
 async function tailwindConfig(options = {}) {
   const tailwindFiles = strategyManager.getTailwindFiles(options);
-  if (tailwindFiles.length === 0) {
+  if (tailwindFiles.length === 0 || !tailwindConfigFile) {
     return [];
   }
   const { default: tailwind } = await import("eslint-plugin-tailwindcss");
@@ -564,9 +566,8 @@ async function tailwindConfig(options = {}) {
       plugins: { tailwindcss: tailwind },
       settings: {
         tailwindcss: {
-          // Common utility function callees to analyze for class names
+          config: tailwindConfigFile,
           callees: ["classnames", "clsx", "ctl", "cva", "cx", "cn"],
-          // Support tagged template literals: tw`bg-blue-500`
           tags: ["tw"]
         }
       },
@@ -598,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 = {
@@ -680,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",
@@ -803,6 +864,7 @@ var ESLintConfigBuilder = class {
     this.fileNamesAdded = false;
     this.typescriptAdded = false;
     this.reactAdded = false;
+    this.vueAdded = false;
     this.tailwindAdded = false;
   }
   /**
@@ -883,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.
@@ -927,6 +1004,9 @@ var ESLintConfigBuilder = class {
     if (mergedOptions.react) {
       this.withReact(mergedOptions);
     }
+    if (mergedOptions.vue) {
+      this.withVue(mergedOptions);
+    }
     if (mergedOptions.tailwind) {
       this.withTailwind(mergedOptions);
     }
@@ -953,6 +1033,7 @@ var ESLintConfigBuilder = class {
     this.fileNamesAdded = false;
     this.typescriptAdded = false;
     this.reactAdded = false;
+    this.vueAdded = false;
     this.tailwindAdded = false;
     return this;
   }
@@ -983,19 +1064,22 @@ var ESLintConfigBuilder = class {
   hasReact() {
     return this.reactAdded;
   }
+  hasVue() {
+    return this.vueAdded;
+  }
   hasTailwind() {
     return this.tailwindAdded;
   }
 };
 
 // src/index.ts
-import fs2 from "fs";
-var hasTsConfig = fs2.existsSync("tsconfig.json") || fs2.existsSync("tsconfig.base.json");
+import fs3 from "fs";
+var hasTsConfig = fs3.existsSync("tsconfig.json") || fs3.existsSync("tsconfig.base.json");
 var hasReact = () => {
   try {
     const packageJsonPath = "package.json";
-    if (fs2.existsSync(packageJsonPath)) {
-      const packageJson = JSON.parse(fs2.readFileSync(packageJsonPath, "utf-8"));
+    if (fs3.existsSync(packageJsonPath)) {
+      const packageJson = JSON.parse(fs3.readFileSync(packageJsonPath, "utf-8"));
       const deps = {
         ...packageJson.dependencies,
         ...packageJson.devDependencies,
@@ -1007,11 +1091,27 @@ 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";
-    if (fs2.existsSync(packageJsonPath)) {
-      const packageJson = JSON.parse(fs2.readFileSync(packageJsonPath, "utf-8"));
+    if (fs3.existsSync(packageJsonPath)) {
+      const packageJson = JSON.parse(fs3.readFileSync(packageJsonPath, "utf-8"));
       const deps = {
         ...packageJson.dependencies,
         ...packageJson.devDependencies,
@@ -1021,12 +1121,13 @@ var hasTailwind = () => {
     }
   } catch {
   }
-  return fs2.existsSync("tailwind.config.js") || fs2.existsSync("tailwind.config.ts") || fs2.existsSync("tailwind.config.mjs") || fs2.existsSync("tailwind.config.cjs");
+  return fs3.existsSync("tailwind.config.js") || fs3.existsSync("tailwind.config.ts") || fs3.existsSync("tailwind.config.mjs") || fs3.existsSync("tailwind.config.cjs");
 };
 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.2",
+  "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",