@coderwyd/eslint-config 2.1.0 → 2.1.2

package/dist/cli.cjs

@@ -46,7 +46,7 @@ var import_parse_gitignore = __toESM(require("parse-gitignore"), 1);
 var import_picocolors = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "2.1.0";
+var version = "2.1.2";
 var devDependencies = {
   "@antfu/ni": "^0.21.12",
   "@types/eslint": "^8.56.2",
@@ -54,7 +54,7 @@ var devDependencies = {
   "@types/node": "^20.10.8",
   "@types/prompts": "^2.4.9",
   "@types/yargs": "^17.0.32",
-  "@unocss/eslint-plugin": "^0.58.3",
+  "@unocss/eslint-plugin": "^0.58.4",
   bumpp: "^9.3.0",
   eslint: "^8.56.0",
   "eslint-flat-config-viewer": "^0.1.11",
@@ -66,7 +66,7 @@ var devDependencies = {
   execa: "^8.0.1",
   "fast-glob": "^3.3.2",
   "fs-extra": "^11.2.0",
-  "lint-staged": "^15.2.0",
+  "lint-staged": "^15.2.1",
   rimraf: "^5.0.5",
   "simple-git-hooks": "^2.9.0",
   "svelte-eslint-parser": "^0.33.1",
@@ -131,11 +131,7 @@ async function run(options = {}) {
   const pathPackageJSON = import_node_path.default.join(cwd, "package.json");
   const pathESLintIngore = import_node_path.default.join(cwd, ".eslintignore");
   if (import_node_fs.default.existsSync(pathFlatConfig)) {
-    console.log(
-      import_picocolors2.default.yellow(
-        `${WARN} eslint.config.js already exists, migration wizard exited.`
-      )
-    );
+    console.log(import_picocolors2.default.yellow(`${WARN} eslint.config.js already exists, migration wizard exited.`));
     return import_node_process.default.exit(1);
   }
   if (!SKIP_GIT_CHECK && !isGitClean()) {
@@ -167,9 +163,7 @@ async function run(options = {}) {
       if (glob.type === "ignore")
         eslintIgnores.push(...glob.patterns);
       else if (glob.type === "unignore")
-        eslintIgnores.push(
-          ...glob.patterns.map((pattern) => `!${pattern}`)
-        );
+        eslintIgnores.push(...glob.patterns.map((pattern) => `!${pattern}`));
     }
   }
   let eslintConfigContent = "";
@@ -246,10 +240,8 @@ ${coderwydConfig}
     }
   }
   console.log(import_picocolors2.default.green(`${CHECK} migration completed`));
-  console.log(
-    `Now you can update the dependencies and run ${import_picocolors2.default.blue("eslint . --fix")}
-`
-  );
+  console.log(`Now you can update the dependencies and run ${import_picocolors2.default.blue("eslint . --fix")}
+`);
 }
 
 // src/cli/index.ts

package/dist/cli.js

@@ -17,7 +17,7 @@ import parse from "parse-gitignore";
 import c from "picocolors";
 
 // package.json
-var version = "2.1.0";
+var version = "2.1.2";
 var devDependencies = {
   "@antfu/ni": "^0.21.12",
   "@types/eslint": "^8.56.2",
@@ -25,7 +25,7 @@ var devDependencies = {
   "@types/node": "^20.10.8",
   "@types/prompts": "^2.4.9",
   "@types/yargs": "^17.0.32",
-  "@unocss/eslint-plugin": "^0.58.3",
+  "@unocss/eslint-plugin": "^0.58.4",
   bumpp: "^9.3.0",
   eslint: "^8.56.0",
   "eslint-flat-config-viewer": "^0.1.11",
@@ -37,7 +37,7 @@ var devDependencies = {
   execa: "^8.0.1",
   "fast-glob": "^3.3.2",
   "fs-extra": "^11.2.0",
-  "lint-staged": "^15.2.0",
+  "lint-staged": "^15.2.1",
   rimraf: "^5.0.5",
   "simple-git-hooks": "^2.9.0",
   "svelte-eslint-parser": "^0.33.1",
@@ -102,11 +102,7 @@ async function run(options = {}) {
   const pathPackageJSON = path.join(cwd, "package.json");
   const pathESLintIngore = path.join(cwd, ".eslintignore");
   if (fs.existsSync(pathFlatConfig)) {
-    console.log(
-      c2.yellow(
-        `${WARN} eslint.config.js already exists, migration wizard exited.`
-      )
-    );
+    console.log(c2.yellow(`${WARN} eslint.config.js already exists, migration wizard exited.`));
     return process.exit(1);
   }
   if (!SKIP_GIT_CHECK && !isGitClean()) {
@@ -138,9 +134,7 @@ async function run(options = {}) {
       if (glob.type === "ignore")
         eslintIgnores.push(...glob.patterns);
       else if (glob.type === "unignore")
-        eslintIgnores.push(
-          ...glob.patterns.map((pattern) => `!${pattern}`)
-        );
+        eslintIgnores.push(...glob.patterns.map((pattern) => `!${pattern}`));
     }
   }
   let eslintConfigContent = "";
@@ -217,10 +211,8 @@ ${coderwydConfig}
     }
   }
   console.log(c2.green(`${CHECK} migration completed`));
-  console.log(
-    `Now you can update the dependencies and run ${c2.blue("eslint . --fix")}
-`
-  );
+  console.log(`Now you can update the dependencies and run ${c2.blue("eslint . --fix")}
+`);
 }
 
 // src/cli/index.ts

package/dist/index.cjs

@@ -156,10 +156,7 @@ async function imports() {
         "antfu/no-import-dist": "error",
         "antfu/no-import-node-modules-by-path": "error",
         "import/first": "error",
-        "import/newline-after-import": [
-          "error",
-          { considerComments: true, count: 1 }
-        ],
+        "import/newline-after-import": ["error", { considerComments: true, count: 1 }],
         "import/no-duplicates": "error",
         "import/no-mutable-exports": "error",
         "import/no-named-default": "error",
@@ -168,16 +165,7 @@ async function imports() {
         "import/order": [
           "error",
           {
-            groups: [
-              "builtin",
-              "external",
-              "internal",
-              "parent",
-              "sibling",
-              "index",
-              "object",
-              "type"
-            ],
+            groups: ["builtin", "external", "internal", "parent", "sibling", "index", "object", "type"],
             pathGroups: [{ group: "internal", pattern: "{{@,~}/,#}**" }],
             pathGroupsExcludedImportTypes: ["type"]
           }
@@ -228,20 +216,14 @@ async function javascript(options = {}) {
         "unused-imports": import_eslint_plugin_unused_imports.default
       },
       rules: {
-        "accessor-pairs": [
-          "error",
-          { enforceForClassMembers: true, setWithoutGet: true }
-        ],
+        "accessor-pairs": ["error", { enforceForClassMembers: true, setWithoutGet: true }],
         "array-callback-return": "error",
         "block-scoped-var": "error",
         "constructor-super": "error",
         "default-case-last": "error",
         "dot-notation": ["error", { allowKeywords: true }],
         eqeqeq: ["error", "smart"],
-        "new-cap": [
-          "error",
-          { capIsNew: false, newIsCap: true, properties: true }
-        ],
+        "new-cap": ["error", { capIsNew: false, newIsCap: true, properties: true }],
         "no-alert": "error",
         "no-array-constructor": "error",
         "no-async-promise-executor": "error",
@@ -362,10 +344,7 @@ async function javascript(options = {}) {
             vars: "all"
           }
         ],
-        "no-use-before-define": [
-          "error",
-          { classes: false, functions: false, variables: true }
-        ],
+        "no-use-before-define": ["error", { classes: false, functions: false, variables: true }],
         "no-useless-backreference": "error",
         "no-useless-call": "error",
         "no-useless-catch": "error",
@@ -426,10 +405,7 @@ async function javascript(options = {}) {
             varsIgnorePattern: "^_"
           }
         ],
-        "use-isnan": [
-          "error",
-          { enforceForIndexOf: true, enforceForSwitchCase: true }
-        ],
+        "use-isnan": ["error", { enforceForIndexOf: true, enforceForSwitchCase: true }],
         "valid-typeof": ["error", { requireStringLiterals: true }],
         "vars-on-top": "error",
         yoda: ["error", "never"],
@@ -506,17 +482,13 @@ async function ensurePackages(packages) {
   const { default: prompts } = await import("prompts");
   const { result } = await prompts([
     {
-      message: `${nonExistingPackages.length === 1 ? "Package is" : "Packages are"} required for this config: ${nonExistingPackages.join(
-        ", "
-      )}. Do you want to install them?`,
+      message: `${nonExistingPackages.length === 1 ? "Package is" : "Packages are"} required for this config: ${nonExistingPackages.join(", ")}. Do you want to install them?`,
       name: "result",
       type: "confirm"
     }
   ]);
   if (result)
-    await import("@antfu/install-pkg").then(
-      (i) => i.installPackage(nonExistingPackages, { dev: true })
-    );
+    await import("@antfu/install-pkg").then((i) => i.installPackage(nonExistingPackages, { dev: true }));
 }
 async function loadPrettierConfig(cwd) {
   let prettierConfig = {};
@@ -732,14 +704,7 @@ function sortTsconfig() {
         "jsonc/sort-keys": [
           "error",
           {
-            order: [
-              "extends",
-              "compilerOptions",
-              "references",
-              "files",
-              "include",
-              "exclude"
-            ],
+            order: ["extends", "compilerOptions", "references", "files", "include", "exclude"],
             pathPattern: "^$"
           },
           {
@@ -883,10 +848,7 @@ async function prettier(rules) {
 var import_node_process2 = __toESM(require("process"), 1);
 async function typescript(options = {}) {
   const { componentExts = [], overrides = {}, parserOptions = {} } = options;
-  const files = options.files ?? [
-    GLOB_SRC,
-    ...componentExts.map((ext) => `**/*.${ext}`)
-  ];
+  const files = options.files ?? [GLOB_SRC, ...componentExts.map((ext) => `**/*.${ext}`)];
   const filesTypeAware = options.filesTypeAware ?? [GLOB_TS, GLOB_TSX];
   const tsconfigPath = options?.tsconfigPath ? toArray(options.tsconfigPath) : void 0;
   const isTypeAware = !!tsconfigPath;
@@ -944,39 +906,22 @@ async function typescript(options = {}) {
       }
     },
     // assign type-aware parser for type-aware files and type-unaware parser for the rest
-    ...isTypeAware ? [
-      makeParser(true, filesTypeAware),
-      makeParser(false, files, filesTypeAware)
-    ] : [makeParser(false, files)],
+    ...isTypeAware ? [makeParser(true, filesTypeAware), makeParser(false, files, filesTypeAware)] : [makeParser(false, files)],
     {
       files,
       name: "coderwyd:typescript:rules",
       rules: {
-        ...renameRules(
-          pluginTs.configs["eslint-recommended"].overrides[0].rules,
-          "@typescript-eslint/",
-          "ts/"
-        ),
-        ...renameRules(
-          pluginTs.configs.strict.rules,
-          "@typescript-eslint/",
-          "ts/"
-        ),
+        ...renameRules(pluginTs.configs["eslint-recommended"].overrides[0].rules, "@typescript-eslint/", "ts/"),
+        ...renameRules(pluginTs.configs.strict.rules, "@typescript-eslint/", "ts/"),
         "no-dupe-class-members": "off",
         "no-loss-of-precision": "off",
         "no-redeclare": "off",
         "no-use-before-define": "off",
         "no-useless-constructor": "off",
-        "ts/ban-ts-comment": [
-          "error",
-          { "ts-ignore": "allow-with-description" }
-        ],
+        "ts/ban-ts-comment": ["error", { "ts-ignore": "allow-with-description" }],
         "ts/ban-types": ["error", { types: { Function: false } }],
         "ts/consistent-type-definitions": ["error", "interface"],
-        "ts/consistent-type-imports": [
-          "error",
-          { disallowTypeAnnotations: false, prefer: "type-imports" }
-        ],
+        "ts/consistent-type-imports": ["error", { disallowTypeAnnotations: false, prefer: "type-imports" }],
         "ts/no-dupe-class-members": "error",
         "ts/no-dynamic-delete": "off",
         "ts/no-explicit-any": "off",
@@ -988,10 +933,7 @@ async function typescript(options = {}) {
         "ts/no-redeclare": "error",
         "ts/no-require-imports": "error",
         "ts/no-unused-vars": "off",
-        "ts/no-use-before-define": [
-          "error",
-          { classes: false, functions: false, variables: true }
-        ],
+        "ts/no-use-before-define": ["error", { classes: false, functions: false, variables: true }],
         "ts/no-useless-constructor": "off",
         "ts/prefer-ts-expect-error": "error",
         "ts/triple-slash-reference": "off",
@@ -1108,9 +1050,7 @@ async function vue(options = {}) {
             jsx: true
           },
           extraFileExtensions: [".vue"],
-          parser: options.typescript ? await interopDefault(
-            import("@typescript-eslint/parser")
-          ) : null,
+          parser: options.typescript ? await interopDefault(import("@typescript-eslint/parser")) : null,
           sourceType: "module"
         }
       },
@@ -1123,7 +1063,7 @@ async function vue(options = {}) {
         "vue/block-order": [
           "error",
           {
-            order: ["script", "template", "style"]
+            order: isVue3 ? ["script", "template", "style"] : ["template", "script", "style"]
           }
         ],
         "vue/component-name-in-template-casing": ["error", "PascalCase"],
@@ -1132,12 +1072,7 @@ async function vue(options = {}) {
         "vue/define-macros-order": [
           "error",
           {
-            order: [
-              "defineOptions",
-              "defineProps",
-              "defineEmits",
-              "defineSlots"
-            ]
+            order: ["defineOptions", "defineProps", "defineEmits", "defineSlots"]
           }
         ],
         "vue/dot-location": ["error", "property"],
@@ -1145,19 +1080,27 @@ async function vue(options = {}) {
         "vue/eqeqeq": ["error", "smart"],
         "vue/html-indent": ["error", 2],
         "vue/html-quotes": ["error", "double"],
+        "vue/html-self-closing": [
+          "error",
+          {
+            html: {
+              component: "always",
+              normal: "always",
+              void: "any"
+            },
+            math: "always",
+            svg: "always"
+          }
+        ],
         "vue/max-attributes-per-line": "off",
         "vue/multi-word-component-names": "off",
+        "vue/no-constant-condition": "warn",
         "vue/no-dupe-keys": "off",
         "vue/no-empty-pattern": "error",
         "vue/no-extra-parens": ["error", "functions"],
         "vue/no-irregular-whitespace": "error",
         "vue/no-loss-of-precision": "error",
-        "vue/no-restricted-syntax": [
-          "error",
-          "DebuggerStatement",
-          "LabeledStatement",
-          "WithStatement"
-        ],
+        "vue/no-restricted-syntax": ["error", "DebuggerStatement", "LabeledStatement", "WithStatement"],
         "vue/no-restricted-v-bind": ["error", "/^v-/"],
         "vue/no-setup-props-reactivity-loss": "off",
         "vue/no-sparse-arrays": "error",
@@ -1172,6 +1115,7 @@ async function vue(options = {}) {
             ignoreConstructors: false
           }
         ],
+        "vue/padding-line-between-blocks": ["error", "always"],
         "vue/prefer-separate-static-class": "error",
         "vue/prefer-template": "error",
         "vue/prop-name-casing": ["error", "camelCase"],
@@ -1213,10 +1157,7 @@ async function test(options = {}) {
       name: "coderwyd:test:rules",
       rules: {
         "node/prefer-global/process": "off",
-        "test/consistent-test-it": [
-          "error",
-          { fn: "it", withinDescribe: "it" }
-        ],
+        "test/consistent-test-it": ["error", { fn: "it", withinDescribe: "it" }],
         "test/no-identical-title": "error",
         "test/no-import-node-test": "error",
         "test/no-only-tests": isInEditor ? "off" : "error",
@@ -1244,26 +1185,14 @@ async function perfectionist() {
 var import_local_pkg2 = require("local-pkg");
 var ReactRefreshAllowConstantExportPackages = ["vite"];
 async function react(options = {}) {
-  const {
-    files = [GLOB_JSX, GLOB_TSX],
-    overrides = {},
-    typescript: typescript2 = true
-  } = options;
-  await ensurePackages([
-    "eslint-plugin-react",
-    "eslint-plugin-react-hooks",
-    "eslint-plugin-react-refresh"
+  const { files = [GLOB_JSX, GLOB_TSX], overrides = {}, typescript: typescript2 = true } = options;
+  await ensurePackages(["eslint-plugin-react", "eslint-plugin-react-hooks", "eslint-plugin-react-refresh"]);
+  const [pluginReact, pluginReactHooks, pluginReactRefresh] = await Promise.all([
+    interopDefault(import("eslint-plugin-react")),
+    interopDefault(import("eslint-plugin-react-hooks")),
+    interopDefault(import("eslint-plugin-react-refresh"))
   ]);
-  const [pluginReact, pluginReactHooks, pluginReactRefresh] = await Promise.all(
-    [
-      interopDefault(import("eslint-plugin-react")),
-      interopDefault(import("eslint-plugin-react-hooks")),
-      interopDefault(import("eslint-plugin-react-refresh"))
-    ]
-  );
-  const isAllowConstantExport = ReactRefreshAllowConstantExportPackages.some(
-    (i) => (0, import_local_pkg2.isPackageExists)(i)
-  );
+  const isAllowConstantExport = ReactRefreshAllowConstantExportPackages.some((i) => (0, import_local_pkg2.isPackageExists)(i));
   return [
     {
       name: "coderwyd:react:setup",
@@ -1293,10 +1222,7 @@ async function react(options = {}) {
         "react-hooks/exhaustive-deps": "warn",
         "react-hooks/rules-of-hooks": "error",
         // react refresh
-        "react-refresh/only-export-components": [
-          "warn",
-          { allowConstantExport: isAllowConstantExport }
-        ],
+        "react-refresh/only-export-components": ["warn", { allowConstantExport: isAllowConstantExport }],
         // recommended rules react
         "react/display-name": "error",
         "react/jsx-key": "error",
@@ -1335,9 +1261,7 @@ async function react(options = {}) {
 async function unocss(options = {}) {
   const { attributify = true, strict = false } = options;
   await ensurePackages(["@unocss/eslint-plugin"]);
-  const [pluginUnoCSS] = await Promise.all([
-    interopDefault(import("@unocss/eslint-plugin"))
-  ]);
+  const [pluginUnoCSS] = await Promise.all([interopDefault(import("@unocss/eslint-plugin"))]);
   return [
     {
       name: "coderwyd:unocss",
@@ -1360,14 +1284,7 @@ async function unocss(options = {}) {
 // src/configs/formatter.ts
 async function formatter(options = {}, prettierRules2 = {}) {
   await ensurePackages(["eslint-plugin-prettier"]);
-  const {
-    css = true,
-    graphql,
-    html = true,
-    markdown,
-    toml,
-    yaml
-  } = options || {};
+  const { css = true, graphql, html = true, markdown, toml, yaml } = options || {};
   const pluginPrettier = await interopDefault(import("eslint-plugin-prettier"));
   function createPrettierFormatter(files, parser, plugins) {
     const rules = {
@@ -1424,9 +1341,7 @@ async function formatter(options = {}, prettierRules2 = {}) {
   }
   if (toml) {
     await ensurePackages(["@toml-tools/parser", "prettier-plugin-toml"]);
-    const tomlConfig = createPrettierFormatter([GLOB_TOML], "toml", [
-      "prettier-plugin-toml"
-    ]);
+    const tomlConfig = createPrettierFormatter([GLOB_TOML], "toml", ["prettier-plugin-toml"]);
     configs.push(tomlConfig);
   }
   return configs;
@@ -1453,9 +1368,7 @@ async function svelte(options = {}) {
         parser: parserSvelte,
         parserOptions: {
           extraFileExtensions: [".svelte"],
-          parser: options.typescript ? await interopDefault(
-            import("@typescript-eslint/parser")
-          ) : null
+          parser: options.typescript ? await interopDefault(import("@typescript-eslint/parser")) : null
         }
       },
       name: "coderwyd:svelte:rules",
@@ -1537,18 +1450,10 @@ async function defineConfig(options = {}, ...userConfigs) {
   const configs = [];
   if (enableGitignore) {
     if (typeof enableGitignore !== "boolean") {
-      configs.push(
-        interopDefault(import("eslint-config-flat-gitignore")).then((r) => [
-          r(enableGitignore)
-        ])
-      );
+      configs.push(interopDefault(import("eslint-config-flat-gitignore")).then((r) => [r(enableGitignore)]));
     } else {
       if (import_node_fs.default.existsSync(".gitignore"))
-        configs.push(
-          interopDefault(import("eslint-config-flat-gitignore")).then((r) => [
-            r()
-          ])
-        );
+        configs.push(interopDefault(import("eslint-config-flat-gitignore")).then((r) => [r()]));
     }
   }
   configs.push(
@@ -1633,15 +1538,10 @@ async function defineConfig(options = {}, ...userConfigs) {
     prettierRules2 = { ...prettierRules2, ...options.prettierRules };
   }
   if (usePrettierrc) {
-    const prettierConfig = await loadPrettierConfig(
-      options.cwd ?? import_node_process3.default.cwd()
-    );
+    const prettierConfig = await loadPrettierConfig(options.cwd ?? import_node_process3.default.cwd());
     Object.assign(prettierRules2, prettierConfig);
   }
-  configs.push(
-    prettier(prettierRules2),
-    formatter(options.formatter, prettierRules2)
-  );
+  configs.push(prettier(prettierRules2), formatter(options.formatter, prettierRules2));
   const fusedConfig = flatConfigProps.reduce((acc, key) => {
     if (key in options)
       acc[key] = options[key];

package/dist/index.d.cts

@@ -204,10 +204,10 @@ interface OptionsConfig extends OptionsComponentExts {
      * {
      *  "html": true,
      *  "css": true,
-     *  "graphql": true,
-     *  "markdown": true
-     *  "yaml": true
-     *  "toml": true
+     *  "graphql": false,
+     *  "markdown": false
+     *  "yaml": false
+     *  "toml": false
      * }
      */
     formatter?: OptionsFormatters;

package/dist/index.d.ts

@@ -204,10 +204,10 @@ interface OptionsConfig extends OptionsComponentExts {
      * {
      *  "html": true,
      *  "css": true,
-     *  "graphql": true,
-     *  "markdown": true
-     *  "yaml": true
-     *  "toml": true
+     *  "graphql": false,
+     *  "markdown": false
+     *  "yaml": false
+     *  "toml": false
      * }
      */
     formatter?: OptionsFormatters;

package/dist/index.js

@@ -122,10 +122,7 @@ async function imports() {
         "antfu/no-import-dist": "error",
         "antfu/no-import-node-modules-by-path": "error",
         "import/first": "error",
-        "import/newline-after-import": [
-          "error",
-          { considerComments: true, count: 1 }
-        ],
+        "import/newline-after-import": ["error", { considerComments: true, count: 1 }],
         "import/no-duplicates": "error",
         "import/no-mutable-exports": "error",
         "import/no-named-default": "error",
@@ -134,16 +131,7 @@ async function imports() {
         "import/order": [
           "error",
           {
-            groups: [
-              "builtin",
-              "external",
-              "internal",
-              "parent",
-              "sibling",
-              "index",
-              "object",
-              "type"
-            ],
+            groups: ["builtin", "external", "internal", "parent", "sibling", "index", "object", "type"],
             pathGroups: [{ group: "internal", pattern: "{{@,~}/,#}**" }],
             pathGroupsExcludedImportTypes: ["type"]
           }
@@ -194,20 +182,14 @@ async function javascript(options = {}) {
         "unused-imports": default6
       },
       rules: {
-        "accessor-pairs": [
-          "error",
-          { enforceForClassMembers: true, setWithoutGet: true }
-        ],
+        "accessor-pairs": ["error", { enforceForClassMembers: true, setWithoutGet: true }],
         "array-callback-return": "error",
         "block-scoped-var": "error",
         "constructor-super": "error",
         "default-case-last": "error",
         "dot-notation": ["error", { allowKeywords: true }],
         eqeqeq: ["error", "smart"],
-        "new-cap": [
-          "error",
-          { capIsNew: false, newIsCap: true, properties: true }
-        ],
+        "new-cap": ["error", { capIsNew: false, newIsCap: true, properties: true }],
         "no-alert": "error",
         "no-array-constructor": "error",
         "no-async-promise-executor": "error",
@@ -328,10 +310,7 @@ async function javascript(options = {}) {
             vars: "all"
           }
         ],
-        "no-use-before-define": [
-          "error",
-          { classes: false, functions: false, variables: true }
-        ],
+        "no-use-before-define": ["error", { classes: false, functions: false, variables: true }],
         "no-useless-backreference": "error",
         "no-useless-call": "error",
         "no-useless-catch": "error",
@@ -392,10 +371,7 @@ async function javascript(options = {}) {
             varsIgnorePattern: "^_"
           }
         ],
-        "use-isnan": [
-          "error",
-          { enforceForIndexOf: true, enforceForSwitchCase: true }
-        ],
+        "use-isnan": ["error", { enforceForIndexOf: true, enforceForSwitchCase: true }],
         "valid-typeof": ["error", { requireStringLiterals: true }],
         "vars-on-top": "error",
         yoda: ["error", "never"],
@@ -472,17 +448,13 @@ async function ensurePackages(packages) {
   const { default: prompts } = await import("prompts");
   const { result } = await prompts([
     {
-      message: `${nonExistingPackages.length === 1 ? "Package is" : "Packages are"} required for this config: ${nonExistingPackages.join(
-        ", "
-      )}. Do you want to install them?`,
+      message: `${nonExistingPackages.length === 1 ? "Package is" : "Packages are"} required for this config: ${nonExistingPackages.join(", ")}. Do you want to install them?`,
       name: "result",
       type: "confirm"
     }
   ]);
   if (result)
-    await import("@antfu/install-pkg").then(
-      (i) => i.installPackage(nonExistingPackages, { dev: true })
-    );
+    await import("@antfu/install-pkg").then((i) => i.installPackage(nonExistingPackages, { dev: true }));
 }
 async function loadPrettierConfig(cwd) {
   let prettierConfig = {};
@@ -698,14 +670,7 @@ function sortTsconfig() {
         "jsonc/sort-keys": [
           "error",
           {
-            order: [
-              "extends",
-              "compilerOptions",
-              "references",
-              "files",
-              "include",
-              "exclude"
-            ],
+            order: ["extends", "compilerOptions", "references", "files", "include", "exclude"],
             pathPattern: "^$"
           },
           {
@@ -849,10 +814,7 @@ async function prettier(rules) {
 import process2 from "node:process";
 async function typescript(options = {}) {
   const { componentExts = [], overrides = {}, parserOptions = {} } = options;
-  const files = options.files ?? [
-    GLOB_SRC,
-    ...componentExts.map((ext) => `**/*.${ext}`)
-  ];
+  const files = options.files ?? [GLOB_SRC, ...componentExts.map((ext) => `**/*.${ext}`)];
   const filesTypeAware = options.filesTypeAware ?? [GLOB_TS, GLOB_TSX];
   const tsconfigPath = options?.tsconfigPath ? toArray(options.tsconfigPath) : void 0;
   const isTypeAware = !!tsconfigPath;
@@ -910,39 +872,22 @@ async function typescript(options = {}) {
       }
     },
     // assign type-aware parser for type-aware files and type-unaware parser for the rest
-    ...isTypeAware ? [
-      makeParser(true, filesTypeAware),
-      makeParser(false, files, filesTypeAware)
-    ] : [makeParser(false, files)],
+    ...isTypeAware ? [makeParser(true, filesTypeAware), makeParser(false, files, filesTypeAware)] : [makeParser(false, files)],
     {
       files,
       name: "coderwyd:typescript:rules",
       rules: {
-        ...renameRules(
-          pluginTs.configs["eslint-recommended"].overrides[0].rules,
-          "@typescript-eslint/",
-          "ts/"
-        ),
-        ...renameRules(
-          pluginTs.configs.strict.rules,
-          "@typescript-eslint/",
-          "ts/"
-        ),
+        ...renameRules(pluginTs.configs["eslint-recommended"].overrides[0].rules, "@typescript-eslint/", "ts/"),
+        ...renameRules(pluginTs.configs.strict.rules, "@typescript-eslint/", "ts/"),
         "no-dupe-class-members": "off",
         "no-loss-of-precision": "off",
         "no-redeclare": "off",
         "no-use-before-define": "off",
         "no-useless-constructor": "off",
-        "ts/ban-ts-comment": [
-          "error",
-          { "ts-ignore": "allow-with-description" }
-        ],
+        "ts/ban-ts-comment": ["error", { "ts-ignore": "allow-with-description" }],
         "ts/ban-types": ["error", { types: { Function: false } }],
         "ts/consistent-type-definitions": ["error", "interface"],
-        "ts/consistent-type-imports": [
-          "error",
-          { disallowTypeAnnotations: false, prefer: "type-imports" }
-        ],
+        "ts/consistent-type-imports": ["error", { disallowTypeAnnotations: false, prefer: "type-imports" }],
         "ts/no-dupe-class-members": "error",
         "ts/no-dynamic-delete": "off",
         "ts/no-explicit-any": "off",
@@ -954,10 +899,7 @@ async function typescript(options = {}) {
         "ts/no-redeclare": "error",
         "ts/no-require-imports": "error",
         "ts/no-unused-vars": "off",
-        "ts/no-use-before-define": [
-          "error",
-          { classes: false, functions: false, variables: true }
-        ],
+        "ts/no-use-before-define": ["error", { classes: false, functions: false, variables: true }],
         "ts/no-useless-constructor": "off",
         "ts/prefer-ts-expect-error": "error",
         "ts/triple-slash-reference": "off",
@@ -1074,9 +1016,7 @@ async function vue(options = {}) {
             jsx: true
           },
           extraFileExtensions: [".vue"],
-          parser: options.typescript ? await interopDefault(
-            import("@typescript-eslint/parser")
-          ) : null,
+          parser: options.typescript ? await interopDefault(import("@typescript-eslint/parser")) : null,
           sourceType: "module"
         }
       },
@@ -1089,7 +1029,7 @@ async function vue(options = {}) {
         "vue/block-order": [
           "error",
           {
-            order: ["script", "template", "style"]
+            order: isVue3 ? ["script", "template", "style"] : ["template", "script", "style"]
           }
         ],
         "vue/component-name-in-template-casing": ["error", "PascalCase"],
@@ -1098,12 +1038,7 @@ async function vue(options = {}) {
         "vue/define-macros-order": [
           "error",
           {
-            order: [
-              "defineOptions",
-              "defineProps",
-              "defineEmits",
-              "defineSlots"
-            ]
+            order: ["defineOptions", "defineProps", "defineEmits", "defineSlots"]
           }
         ],
         "vue/dot-location": ["error", "property"],
@@ -1111,19 +1046,27 @@ async function vue(options = {}) {
         "vue/eqeqeq": ["error", "smart"],
         "vue/html-indent": ["error", 2],
         "vue/html-quotes": ["error", "double"],
+        "vue/html-self-closing": [
+          "error",
+          {
+            html: {
+              component: "always",
+              normal: "always",
+              void: "any"
+            },
+            math: "always",
+            svg: "always"
+          }
+        ],
         "vue/max-attributes-per-line": "off",
         "vue/multi-word-component-names": "off",
+        "vue/no-constant-condition": "warn",
         "vue/no-dupe-keys": "off",
         "vue/no-empty-pattern": "error",
         "vue/no-extra-parens": ["error", "functions"],
         "vue/no-irregular-whitespace": "error",
         "vue/no-loss-of-precision": "error",
-        "vue/no-restricted-syntax": [
-          "error",
-          "DebuggerStatement",
-          "LabeledStatement",
-          "WithStatement"
-        ],
+        "vue/no-restricted-syntax": ["error", "DebuggerStatement", "LabeledStatement", "WithStatement"],
         "vue/no-restricted-v-bind": ["error", "/^v-/"],
         "vue/no-setup-props-reactivity-loss": "off",
         "vue/no-sparse-arrays": "error",
@@ -1138,6 +1081,7 @@ async function vue(options = {}) {
             ignoreConstructors: false
           }
         ],
+        "vue/padding-line-between-blocks": ["error", "always"],
         "vue/prefer-separate-static-class": "error",
         "vue/prefer-template": "error",
         "vue/prop-name-casing": ["error", "camelCase"],
@@ -1179,10 +1123,7 @@ async function test(options = {}) {
       name: "coderwyd:test:rules",
       rules: {
         "node/prefer-global/process": "off",
-        "test/consistent-test-it": [
-          "error",
-          { fn: "it", withinDescribe: "it" }
-        ],
+        "test/consistent-test-it": ["error", { fn: "it", withinDescribe: "it" }],
         "test/no-identical-title": "error",
         "test/no-import-node-test": "error",
         "test/no-only-tests": isInEditor ? "off" : "error",
@@ -1210,26 +1151,14 @@ async function perfectionist() {
 import { isPackageExists as isPackageExists2 } from "local-pkg";
 var ReactRefreshAllowConstantExportPackages = ["vite"];
 async function react(options = {}) {
-  const {
-    files = [GLOB_JSX, GLOB_TSX],
-    overrides = {},
-    typescript: typescript2 = true
-  } = options;
-  await ensurePackages([
-    "eslint-plugin-react",
-    "eslint-plugin-react-hooks",
-    "eslint-plugin-react-refresh"
+  const { files = [GLOB_JSX, GLOB_TSX], overrides = {}, typescript: typescript2 = true } = options;
+  await ensurePackages(["eslint-plugin-react", "eslint-plugin-react-hooks", "eslint-plugin-react-refresh"]);
+  const [pluginReact, pluginReactHooks, pluginReactRefresh] = await Promise.all([
+    interopDefault(import("eslint-plugin-react")),
+    interopDefault(import("eslint-plugin-react-hooks")),
+    interopDefault(import("eslint-plugin-react-refresh"))
   ]);
-  const [pluginReact, pluginReactHooks, pluginReactRefresh] = await Promise.all(
-    [
-      interopDefault(import("eslint-plugin-react")),
-      interopDefault(import("eslint-plugin-react-hooks")),
-      interopDefault(import("eslint-plugin-react-refresh"))
-    ]
-  );
-  const isAllowConstantExport = ReactRefreshAllowConstantExportPackages.some(
-    (i) => isPackageExists2(i)
-  );
+  const isAllowConstantExport = ReactRefreshAllowConstantExportPackages.some((i) => isPackageExists2(i));
   return [
     {
       name: "coderwyd:react:setup",
@@ -1259,10 +1188,7 @@ async function react(options = {}) {
         "react-hooks/exhaustive-deps": "warn",
         "react-hooks/rules-of-hooks": "error",
         // react refresh
-        "react-refresh/only-export-components": [
-          "warn",
-          { allowConstantExport: isAllowConstantExport }
-        ],
+        "react-refresh/only-export-components": ["warn", { allowConstantExport: isAllowConstantExport }],
         // recommended rules react
         "react/display-name": "error",
         "react/jsx-key": "error",
@@ -1301,9 +1227,7 @@ async function react(options = {}) {
 async function unocss(options = {}) {
   const { attributify = true, strict = false } = options;
   await ensurePackages(["@unocss/eslint-plugin"]);
-  const [pluginUnoCSS] = await Promise.all([
-    interopDefault(import("@unocss/eslint-plugin"))
-  ]);
+  const [pluginUnoCSS] = await Promise.all([interopDefault(import("@unocss/eslint-plugin"))]);
   return [
     {
       name: "coderwyd:unocss",
@@ -1326,14 +1250,7 @@ async function unocss(options = {}) {
 // src/configs/formatter.ts
 async function formatter(options = {}, prettierRules2 = {}) {
   await ensurePackages(["eslint-plugin-prettier"]);
-  const {
-    css = true,
-    graphql,
-    html = true,
-    markdown,
-    toml,
-    yaml
-  } = options || {};
+  const { css = true, graphql, html = true, markdown, toml, yaml } = options || {};
   const pluginPrettier = await interopDefault(import("eslint-plugin-prettier"));
   function createPrettierFormatter(files, parser, plugins) {
     const rules = {
@@ -1390,9 +1307,7 @@ async function formatter(options = {}, prettierRules2 = {}) {
   }
   if (toml) {
     await ensurePackages(["@toml-tools/parser", "prettier-plugin-toml"]);
-    const tomlConfig = createPrettierFormatter([GLOB_TOML], "toml", [
-      "prettier-plugin-toml"
-    ]);
+    const tomlConfig = createPrettierFormatter([GLOB_TOML], "toml", ["prettier-plugin-toml"]);
     configs.push(tomlConfig);
   }
   return configs;
@@ -1419,9 +1334,7 @@ async function svelte(options = {}) {
         parser: parserSvelte,
         parserOptions: {
           extraFileExtensions: [".svelte"],
-          parser: options.typescript ? await interopDefault(
-            import("@typescript-eslint/parser")
-          ) : null
+          parser: options.typescript ? await interopDefault(import("@typescript-eslint/parser")) : null
         }
       },
       name: "coderwyd:svelte:rules",
@@ -1503,18 +1416,10 @@ async function defineConfig(options = {}, ...userConfigs) {
   const configs = [];
   if (enableGitignore) {
     if (typeof enableGitignore !== "boolean") {
-      configs.push(
-        interopDefault(import("eslint-config-flat-gitignore")).then((r) => [
-          r(enableGitignore)
-        ])
-      );
+      configs.push(interopDefault(import("eslint-config-flat-gitignore")).then((r) => [r(enableGitignore)]));
     } else {
       if (fs.existsSync(".gitignore"))
-        configs.push(
-          interopDefault(import("eslint-config-flat-gitignore")).then((r) => [
-            r()
-          ])
-        );
+        configs.push(interopDefault(import("eslint-config-flat-gitignore")).then((r) => [r()]));
     }
   }
   configs.push(
@@ -1599,15 +1504,10 @@ async function defineConfig(options = {}, ...userConfigs) {
     prettierRules2 = { ...prettierRules2, ...options.prettierRules };
   }
   if (usePrettierrc) {
-    const prettierConfig = await loadPrettierConfig(
-      options.cwd ?? process3.cwd()
-    );
+    const prettierConfig = await loadPrettierConfig(options.cwd ?? process3.cwd());
     Object.assign(prettierRules2, prettierConfig);
   }
-  configs.push(
-    prettier(prettierRules2),
-    formatter(options.formatter, prettierRules2)
-  );
+  configs.push(prettier(prettierRules2), formatter(options.formatter, prettierRules2));
   const fusedConfig = flatConfigProps.reduce((acc, key) => {
     if (key in options)
       acc[key] = options[key];

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@coderwyd/eslint-config",
   "type": "module",
-  "version": "2.1.0",
-  "packageManager": "pnpm@8.14.1",
+  "version": "2.1.2",
+  "packageManager": "pnpm@8.15.1",
   "description": "Donny's ESLint config",
   "author": "Donny Wang <donny526@outlook.com> (https://github.com/coderwyd/)",
   "license": "MIT",
@@ -68,27 +68,27 @@
   "dependencies": {
     "@antfu/eslint-define-config": "1.23.0-2",
     "@antfu/install-pkg": "^0.3.1",
-    "@eslint-types/jsdoc": "48.0.2",
-    "@eslint-types/typescript-eslint": "^6.18.1",
+    "@eslint-types/jsdoc": "48.0.4",
+    "@eslint-types/typescript-eslint": "^6.19.1",
     "@eslint-types/unicorn": "^50.0.1",
     "@toml-tools/parser": "^1.0.0",
     "@typescript-eslint/eslint-plugin": "^6.18.1",
     "@typescript-eslint/parser": "^6.18.1",
     "eslint-config-flat-gitignore": "^0.1.2",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-antfu": "^2.1.1",
+    "eslint-plugin-antfu": "^2.1.2",
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-i": "^2.29.1",
-    "eslint-plugin-jsdoc": "^48.0.2",
-    "eslint-plugin-jsonc": "^2.12.2",
+    "eslint-plugin-jsdoc": "^48.0.4",
+    "eslint-plugin-jsonc": "^2.13.0",
     "eslint-plugin-n": "^16.6.2",
     "eslint-plugin-no-only-tests": "^3.1.0",
     "eslint-plugin-perfectionist": "^2.5.0",
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-unicorn": "^50.0.1",
     "eslint-plugin-unused-imports": "^3.0.0",
-    "eslint-plugin-vitest": "^0.3.20",
-    "eslint-plugin-vue": "^9.20.1",
+    "eslint-plugin-vitest": "^0.3.21",
+    "eslint-plugin-vue": "^9.21.1",
     "globals": "^13.24.0",
     "jsonc-eslint-parser": "^2.4.0",
     "local-pkg": "^0.5.0",
@@ -97,7 +97,7 @@
     "prettier": "^3.2.4",
     "prettier-plugin-toml": "^2.0.1",
     "prompts": "^2.4.2",
-    "vue-eslint-parser": "^9.4.0",
+    "vue-eslint-parser": "^9.4.2",
     "yargs": "^17.7.2"
   },
   "devDependencies": {
@@ -107,7 +107,7 @@
     "@types/node": "^20.10.8",
     "@types/prompts": "^2.4.9",
     "@types/yargs": "^17.0.32",
-    "@unocss/eslint-plugin": "^0.58.3",
+    "@unocss/eslint-plugin": "^0.58.4",
     "bumpp": "^9.3.0",
     "eslint": "^8.56.0",
     "eslint-flat-config-viewer": "^0.1.11",
@@ -119,7 +119,7 @@
     "execa": "^8.0.1",
     "fast-glob": "^3.3.2",
     "fs-extra": "^11.2.0",
-    "lint-staged": "^15.2.0",
+    "lint-staged": "^15.2.1",
     "rimraf": "^5.0.5",
     "simple-git-hooks": "^2.9.0",
     "svelte-eslint-parser": "^0.33.1",
@@ -136,6 +136,7 @@
     "build": "tsup",
     "dev": "tsup --format esm,cjs --watch & eslint-flat-config-viewer",
     "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
     "release": "bumpp && pnpm publish",
     "typecheck": "tsc --noEmit"
   }