@coderwyd/eslint-config 2.1.4 → 2.1.6

package/README.md

@@ -218,10 +218,11 @@ interface OptionsConfig {
    * {
    *  "html": true,
    *  "css": true,
-   *  "graphql": true,
-   *  "markdown": true
-   *  "yaml": true
-   *  "toml": true
+   *  "json": true,
+   *  "graphql": false,
+   *  "markdown": false
+   *  "yaml": false
+   *  "toml": false
    * }
    */
   formatter?: OptionsFormatters

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.4";
+var version = "2.1.6";
 var devDependencies = {
   "@antfu/ni": "^0.21.12",
   "@types/eslint": "^8.56.2",
@@ -131,7 +131,11 @@ 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()) {
@@ -163,7 +167,9 @@ 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 = "";
@@ -240,8 +246,10 @@ ${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.4";
+var version = "2.1.6";
 var devDependencies = {
   "@antfu/ni": "^0.21.12",
   "@types/eslint": "^8.56.2",
@@ -102,7 +102,11 @@ 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()) {
@@ -134,7 +138,9 @@ 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 = "";
@@ -211,8 +217,10 @@ ${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,7 +156,10 @@ 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",
@@ -165,7 +168,16 @@ 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"]
           }
@@ -216,14 +228,20 @@ 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",
@@ -344,7 +362,10 @@ 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",
@@ -405,7 +426,10 @@ 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"],
@@ -488,7 +512,9 @@ async function ensurePackages(packages) {
     }
   ]);
   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 = {};
@@ -704,7 +730,14 @@ function sortTsconfig() {
         "jsonc/sort-keys": [
           "error",
           {
-            order: ["extends", "compilerOptions", "references", "files", "include", "exclude"],
+            order: [
+              "extends",
+              "compilerOptions",
+              "references",
+              "files",
+              "include",
+              "exclude"
+            ],
             pathPattern: "^$"
           },
           {
@@ -848,7 +881,10 @@ 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;
@@ -906,22 +942,41 @@ 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/method-signature-style": ["error", "property"],
+        // https://www.totaltypescript.com/method-shorthand-syntax-considered-harmful
         "ts/no-dupe-class-members": "error",
         "ts/no-dynamic-delete": "off",
         "ts/no-explicit-any": "off",
@@ -933,7 +988,10 @@ 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",
@@ -1083,7 +1141,9 @@ 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"
         }
       },
@@ -1105,7 +1165,12 @@ async function vue(options = {}) {
         "vue/define-macros-order": [
           "error",
           {
-            order: ["defineOptions", "defineProps", "defineEmits", "defineSlots"]
+            order: [
+              "defineOptions",
+              "defineProps",
+              "defineEmits",
+              "defineSlots"
+            ]
           }
         ],
         "vue/dot-location": ["error", "property"],
@@ -1133,7 +1198,12 @@ async function vue(options = {}) {
         "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",
@@ -1190,7 +1260,10 @@ 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",
@@ -1218,14 +1291,26 @@ 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 [pluginReact, pluginReactHooks, pluginReactRefresh] = await Promise.all([
-    interopDefault(import("eslint-plugin-react")),
-    interopDefault(import("eslint-plugin-react-hooks")),
-    interopDefault(import("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 isAllowConstantExport = ReactRefreshAllowConstantExportPackages.some((i) => (0, import_local_pkg2.isPackageExists)(i));
+  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)
+  );
   return [
     {
       name: "coderwyd:react:setup",
@@ -1255,7 +1340,10 @@ 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",
@@ -1294,7 +1382,9 @@ 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",
@@ -1317,7 +1407,15 @@ 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,
+    json = true,
+    markdown,
+    toml,
+    yaml
+  } = options || {};
   const pluginPrettier = await interopDefault(import("eslint-plugin-prettier"));
   function createPrettierFormatter(files, parser, plugins) {
     const rules = {
@@ -1342,7 +1440,10 @@ async function formatter(options = {}, prettierRules2 = {}) {
         prettier: pluginPrettier
       },
       rules: {
-        "prettier/prettier": ["warn", parser === "markdown" ? markdownRules : rules]
+        "prettier/prettier": [
+          "warn",
+          parser === "markdown" ? markdownRules : rules
+        ]
       }
     };
     return config;
@@ -1355,15 +1456,20 @@ async function formatter(options = {}, prettierRules2 = {}) {
       }
     }
   ];
+  if (html) {
+    const htmlConfig = createPrettierFormatter([GLOB_HTML], "html");
+    configs.push(htmlConfig);
+  }
   if (css) {
     const cssConfig = createPrettierFormatter([GLOB_CSS, GLOB_POSTCSS], "css");
     const scssConfig = createPrettierFormatter([GLOB_SCSS], "scss");
     const lessConfig = createPrettierFormatter([GLOB_LESS], "less");
     configs.push(cssConfig, scssConfig, lessConfig);
   }
-  if (html) {
-    const htmlConfig = createPrettierFormatter([GLOB_HTML], "html");
-    configs.push(htmlConfig);
+  if (json) {
+    const jsonConfig = createPrettierFormatter([GLOB_JSON, GLOB_JSONC], "json");
+    const json5Config = createPrettierFormatter([GLOB_JSON5], "json5");
+    configs.push(jsonConfig, json5Config);
   }
   if (markdown) {
     const markdownConfig = createPrettierFormatter([GLOB_MARKDOWN], "markdown");
@@ -1379,7 +1485,9 @@ 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;
@@ -1406,7 +1514,9 @@ 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",
@@ -1463,6 +1573,7 @@ async function svelte(options = {}) {
 
 // src/index.ts
 var flatConfigProps = [
+  "name",
   "files",
   "ignores",
   "languageOptions",
@@ -1488,10 +1599,18 @@ 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(
@@ -1576,10 +1695,15 @@ 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

@@ -36,14 +36,18 @@ type UserConfigItem = FlatConfigItem | Linter.FlatConfig;
 type Awaitable<T> = T | Promise<T>;
 type OptionsTypescript = (OptionsTypeScriptWithTypes & OptionsOverrides) | (OptionsTypeScriptParserOptions & OptionsOverrides);
 interface OptionsFormatters {
+    /**
+     * Enable formatting support for HTML.
+     */
+    html?: boolean;
     /**
      * Enable formatting support for CSS, Less, Sass, and SCSS.
      */
     css?: boolean;
     /**
-     * Enable formatting support for HTML.
+     * Enable formatting support for Json.
      */
-    html?: boolean;
+    json?: boolean;
     /**
      * Enable formatting support for Markdown.
      */
@@ -204,6 +208,7 @@ interface OptionsConfig extends OptionsComponentExts {
      * {
      *  "html": true,
      *  "css": true,
+     *  "json": true,
      *  "graphql": false,
      *  "markdown": false
      *  "yaml": false

package/dist/index.d.ts

@@ -36,14 +36,18 @@ type UserConfigItem = FlatConfigItem | Linter.FlatConfig;
 type Awaitable<T> = T | Promise<T>;
 type OptionsTypescript = (OptionsTypeScriptWithTypes & OptionsOverrides) | (OptionsTypeScriptParserOptions & OptionsOverrides);
 interface OptionsFormatters {
+    /**
+     * Enable formatting support for HTML.
+     */
+    html?: boolean;
     /**
      * Enable formatting support for CSS, Less, Sass, and SCSS.
      */
     css?: boolean;
     /**
-     * Enable formatting support for HTML.
+     * Enable formatting support for Json.
      */
-    html?: boolean;
+    json?: boolean;
     /**
      * Enable formatting support for Markdown.
      */
@@ -204,6 +208,7 @@ interface OptionsConfig extends OptionsComponentExts {
      * {
      *  "html": true,
      *  "css": true,
+     *  "json": true,
      *  "graphql": false,
      *  "markdown": false
      *  "yaml": false

package/dist/index.js

@@ -122,7 +122,10 @@ 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",
@@ -131,7 +134,16 @@ 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"]
           }
@@ -182,14 +194,20 @@ 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",
@@ -310,7 +328,10 @@ 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",
@@ -371,7 +392,10 @@ 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"],
@@ -454,7 +478,9 @@ async function ensurePackages(packages) {
     }
   ]);
   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 = {};
@@ -670,7 +696,14 @@ function sortTsconfig() {
         "jsonc/sort-keys": [
           "error",
           {
-            order: ["extends", "compilerOptions", "references", "files", "include", "exclude"],
+            order: [
+              "extends",
+              "compilerOptions",
+              "references",
+              "files",
+              "include",
+              "exclude"
+            ],
             pathPattern: "^$"
           },
           {
@@ -814,7 +847,10 @@ 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;
@@ -872,22 +908,41 @@ 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/method-signature-style": ["error", "property"],
+        // https://www.totaltypescript.com/method-shorthand-syntax-considered-harmful
         "ts/no-dupe-class-members": "error",
         "ts/no-dynamic-delete": "off",
         "ts/no-explicit-any": "off",
@@ -899,7 +954,10 @@ 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",
@@ -1049,7 +1107,9 @@ 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"
         }
       },
@@ -1071,7 +1131,12 @@ async function vue(options = {}) {
         "vue/define-macros-order": [
           "error",
           {
-            order: ["defineOptions", "defineProps", "defineEmits", "defineSlots"]
+            order: [
+              "defineOptions",
+              "defineProps",
+              "defineEmits",
+              "defineSlots"
+            ]
           }
         ],
         "vue/dot-location": ["error", "property"],
@@ -1099,7 +1164,12 @@ async function vue(options = {}) {
         "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",
@@ -1156,7 +1226,10 @@ 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",
@@ -1184,14 +1257,26 @@ 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 [pluginReact, pluginReactHooks, pluginReactRefresh] = await Promise.all([
-    interopDefault(import("eslint-plugin-react")),
-    interopDefault(import("eslint-plugin-react-hooks")),
-    interopDefault(import("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 isAllowConstantExport = ReactRefreshAllowConstantExportPackages.some((i) => isPackageExists2(i));
+  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)
+  );
   return [
     {
       name: "coderwyd:react:setup",
@@ -1221,7 +1306,10 @@ 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",
@@ -1260,7 +1348,9 @@ 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",
@@ -1283,7 +1373,15 @@ 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,
+    json = true,
+    markdown,
+    toml,
+    yaml
+  } = options || {};
   const pluginPrettier = await interopDefault(import("eslint-plugin-prettier"));
   function createPrettierFormatter(files, parser, plugins) {
     const rules = {
@@ -1308,7 +1406,10 @@ async function formatter(options = {}, prettierRules2 = {}) {
         prettier: pluginPrettier
       },
       rules: {
-        "prettier/prettier": ["warn", parser === "markdown" ? markdownRules : rules]
+        "prettier/prettier": [
+          "warn",
+          parser === "markdown" ? markdownRules : rules
+        ]
       }
     };
     return config;
@@ -1321,15 +1422,20 @@ async function formatter(options = {}, prettierRules2 = {}) {
       }
     }
   ];
+  if (html) {
+    const htmlConfig = createPrettierFormatter([GLOB_HTML], "html");
+    configs.push(htmlConfig);
+  }
   if (css) {
     const cssConfig = createPrettierFormatter([GLOB_CSS, GLOB_POSTCSS], "css");
     const scssConfig = createPrettierFormatter([GLOB_SCSS], "scss");
     const lessConfig = createPrettierFormatter([GLOB_LESS], "less");
     configs.push(cssConfig, scssConfig, lessConfig);
   }
-  if (html) {
-    const htmlConfig = createPrettierFormatter([GLOB_HTML], "html");
-    configs.push(htmlConfig);
+  if (json) {
+    const jsonConfig = createPrettierFormatter([GLOB_JSON, GLOB_JSONC], "json");
+    const json5Config = createPrettierFormatter([GLOB_JSON5], "json5");
+    configs.push(jsonConfig, json5Config);
   }
   if (markdown) {
     const markdownConfig = createPrettierFormatter([GLOB_MARKDOWN], "markdown");
@@ -1345,7 +1451,9 @@ 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;
@@ -1372,7 +1480,9 @@ 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",
@@ -1429,6 +1539,7 @@ async function svelte(options = {}) {
 
 // src/index.ts
 var flatConfigProps = [
+  "name",
   "files",
   "ignores",
   "languageOptions",
@@ -1454,10 +1565,18 @@ 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(
@@ -1542,10 +1661,15 @@ 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,7 +1,7 @@
 {
   "name": "@coderwyd/eslint-config",
   "type": "module",
-  "version": "2.1.4",
+  "version": "2.1.6",
   "packageManager": "pnpm@8.15.1",
   "description": "Donny's ESLint config",
   "author": "Donny Wang <donny526@outlook.com> (https://github.com/coderwyd/)",