@antfu/eslint-config 2.0.0 → 2.1.0

package/README.md

@@ -32,7 +32,7 @@ With [`"type": "module"`](https://nodejs.org/api/packages.html#type) in `package
 // eslint.config.js
 import antfu from '@antfu/eslint-config'
 
-export default antfu()
+export default await antfu()
 ```
 
 With CJS:
@@ -155,7 +155,7 @@ Normally you only need to import the `antfu` preset:
 // eslint.config.js
 import antfu from '@antfu/eslint-config'
 
-export default antfu()
+export default await antfu()
 ```
 
 And that's it! Or you can configure each integration individually, for example:
@@ -164,7 +164,7 @@ And that's it! Or you can configure each integration individually, for example:
 // eslint.config.js
 import antfu from '@antfu/eslint-config'
 
-export default antfu({
+export default await antfu({
   // Enable stylistic formatting rules
   // stylistic: true,
 
@@ -196,7 +196,7 @@ The `antfu` factory function also accepts any number of arbitrary custom config
 // eslint.config.js
 import antfu from '@antfu/eslint-config'
 
-export default antfu(
+export default await antfu(
   {
     // Configures for antfu's config
   },
@@ -241,7 +241,7 @@ import {
   yaml,
 } from '@antfu/eslint-config'
 
-export default combine(
+export default await combine(
   ignores(),
   javascript(/* Options */),
   comments(),
@@ -294,7 +294,7 @@ Certain rules would only be enabled in specific files, for example, `ts/*` rules
 // eslint.config.js
 import antfu from '@antfu/eslint-config'
 
-export default antfu(
+export default await antfu(
   { vue: true, typescript: true },
   {
     // Remember to specify the file glob here, otherwise it might cause the vue plugin to handle non-vue files
@@ -312,7 +312,7 @@ export default antfu(
 )
 ```
 
-We also provided an `overrides` options to make it easier:
+We also provided a `overrides` options to make it easier:
 
 ```js
 // eslint.config.js
@@ -332,6 +332,29 @@ export default antfu({
 })
 ```
 
+### Optional Configs
+
+#### React
+
+We do include configs for React. But due to the install size of React plugins we didn't include the dependencies by default.
+
+To enable React support, need to explicitly turn it on:
+
+```js
+// eslint.config.js
+import antfu from '@antfu/eslint-config'
+
+export default antfu({
+  react: true,
+})
+```
+
+Running `npx eslint` should prompt you to install the required dependencies, otherwise you can install them manually:
+
+```bash
+npm i -D eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-react-refresh
+```
+
 ### Optional Rules
 
 This config also provides some optional plugins/rules for extended usages.

package/dist/cli.cjs

@@ -46,13 +46,40 @@ var import_parse_gitignore = __toESM(require("parse-gitignore"), 1);
 var import_picocolors = __toESM(require("picocolors"), 1);
 
 // package.json
-var version = "2.0.0";
+var version = "2.1.0";
+var devDependencies = {
+  "@antfu/eslint-config": "workspace:*",
+  "@antfu/ni": "^0.21.10",
+  "@stylistic/eslint-plugin-migrate": "^1.4.0",
+  "@types/eslint": "^8.44.7",
+  "@types/fs-extra": "^11.0.4",
+  "@types/node": "^20.9.4",
+  "@types/prompts": "^2.4.9",
+  "@types/yargs": "^17.0.32",
+  bumpp: "^9.2.0",
+  eslint: "^8.54.0",
+  "eslint-flat-config-viewer": "^0.1.3",
+  "eslint-plugin-react": "^7.33.2",
+  "eslint-plugin-react-hooks": "^4.6.0",
+  "eslint-plugin-react-refresh": "^0.4.4",
+  esno: "^4.0.0",
+  execa: "^8.0.1",
+  "fast-glob": "^3.3.2",
+  "fs-extra": "^11.1.1",
+  "lint-staged": "^15.1.0",
+  rimraf: "^5.0.5",
+  "simple-git-hooks": "^2.9.0",
+  tsup: "^8.0.1",
+  typescript: "^5.3.2",
+  vitest: "^0.34.6"
+};
 
 // src/cli/constants.ts
 var ARROW = import_picocolors.default.cyan("\u2192");
 var CHECK = import_picocolors.default.green("\u2714");
 var CROSS = import_picocolors.default.red("\u2718");
 var WARN = import_picocolors.default.yellow("\u2139");
+var eslintVersion = devDependencies.eslint;
 var vscodeSettingsString = `
   // Enable the ESlint flat config support
   "eslint.experimental.useFlatConfig": true,
@@ -126,7 +153,7 @@ async function run(options = {}) {
   pkg.devDependencies ?? (pkg.devDependencies = {});
   pkg.devDependencies["@antfu/eslint-config"] = `^${version}`;
   if (!pkg.devDependencies.eslint)
-    pkg.devDependencies.eslint = "^8";
+    pkg.devDependencies.eslint = eslintVersion;
   await import_promises.default.writeFile(pathPackageJSON, JSON.stringify(pkg, null, 2));
   console.log(import_picocolors2.default.green(`${CHECK} changes wrote to package.json`));
   const eslintIgnores = [];

package/dist/cli.js

@@ -17,13 +17,40 @@ import parse from "parse-gitignore";
 import c from "picocolors";
 
 // package.json
-var version = "2.0.0";
+var version = "2.1.0";
+var devDependencies = {
+  "@antfu/eslint-config": "workspace:*",
+  "@antfu/ni": "^0.21.10",
+  "@stylistic/eslint-plugin-migrate": "^1.4.0",
+  "@types/eslint": "^8.44.7",
+  "@types/fs-extra": "^11.0.4",
+  "@types/node": "^20.9.4",
+  "@types/prompts": "^2.4.9",
+  "@types/yargs": "^17.0.32",
+  bumpp: "^9.2.0",
+  eslint: "^8.54.0",
+  "eslint-flat-config-viewer": "^0.1.3",
+  "eslint-plugin-react": "^7.33.2",
+  "eslint-plugin-react-hooks": "^4.6.0",
+  "eslint-plugin-react-refresh": "^0.4.4",
+  esno: "^4.0.0",
+  execa: "^8.0.1",
+  "fast-glob": "^3.3.2",
+  "fs-extra": "^11.1.1",
+  "lint-staged": "^15.1.0",
+  rimraf: "^5.0.5",
+  "simple-git-hooks": "^2.9.0",
+  tsup: "^8.0.1",
+  typescript: "^5.3.2",
+  vitest: "^0.34.6"
+};
 
 // src/cli/constants.ts
 var ARROW = c.cyan("\u2192");
 var CHECK = c.green("\u2714");
 var CROSS = c.red("\u2718");
 var WARN = c.yellow("\u2139");
+var eslintVersion = devDependencies.eslint;
 var vscodeSettingsString = `
   // Enable the ESlint flat config support
   "eslint.experimental.useFlatConfig": true,
@@ -97,7 +124,7 @@ async function run(options = {}) {
   pkg.devDependencies ?? (pkg.devDependencies = {});
   pkg.devDependencies["@antfu/eslint-config"] = `^${version}`;
   if (!pkg.devDependencies.eslint)
-    pkg.devDependencies.eslint = "^8";
+    pkg.devDependencies.eslint = eslintVersion;
   await fsp.writeFile(pathPackageJSON, JSON.stringify(pkg, null, 2));
   console.log(c2.green(`${CHECK} changes wrote to package.json`));
   const eslintIgnores = [];

package/dist/index.cjs

@@ -55,6 +55,7 @@ __export(src_exports, {
   combine: () => combine,
   comments: () => comments,
   default: () => src_default,
+  ensurePackages: () => ensurePackages,
   ignores: () => ignores,
   imports: () => imports,
   interopDefault: () => interopDefault,
@@ -64,6 +65,7 @@ __export(src_exports, {
   markdown: () => markdown,
   node: () => node,
   perfectionist: () => perfectionist,
+  react: () => react,
   renameRules: () => renameRules,
   sortPackageJson: () => sortPackageJson,
   sortTsconfig: () => sortTsconfig,
@@ -78,9 +80,9 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/factory.ts
-var import_node_process2 = __toESM(require("process"), 1);
+var import_node_process3 = __toESM(require("process"), 1);
 var import_node_fs = __toESM(require("fs"), 1);
-var import_local_pkg = require("local-pkg");
+var import_local_pkg3 = require("local-pkg");
 
 // src/plugins.ts
 var import_eslint_plugin_antfu = __toESM(require("eslint-plugin-antfu"), 1);
@@ -433,6 +435,47 @@ async function javascript(options = {}) {
   ];
 }
 
+// src/utils.ts
+var import_node_process = __toESM(require("process"), 1);
+var import_local_pkg = require("local-pkg");
+async function combine(...configs) {
+  const resolved = await Promise.all(configs);
+  return resolved.flat();
+}
+function renameRules(rules, from, to) {
+  return Object.fromEntries(
+    Object.entries(rules).map(([key, value]) => {
+      if (key.startsWith(from))
+        return [to + key.slice(from.length), value];
+      return [key, value];
+    })
+  );
+}
+function toArray(value) {
+  return Array.isArray(value) ? value : [value];
+}
+async function interopDefault(m) {
+  const resolved = await m;
+  return resolved.default || resolved;
+}
+async function ensurePackages(packages) {
+  if (import_node_process.default.env.CI || import_node_process.default.stdout.isTTY === false)
+    return;
+  const nonExistingPackages = packages.filter((i) => !(0, import_local_pkg.isPackageExists)(i));
+  if (nonExistingPackages.length === 0)
+    return;
+  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?`,
+      name: "result",
+      type: "confirm"
+    }
+  ]);
+  if (result)
+    await import("@antfu/install-pkg").then((i) => i.installPackage(nonExistingPackages, { dev: true }));
+}
+
 // src/configs/jsdoc.ts
 async function jsdoc(options = {}) {
   const {
@@ -470,31 +513,10 @@ async function jsdoc(options = {}) {
   ];
 }
 
-// src/utils.ts
-async function combine(...configs) {
-  const resolved = await Promise.all(configs);
-  return resolved.flat();
-}
-function renameRules(rules, from, to) {
-  return Object.fromEntries(
-    Object.entries(rules).map(([key, value]) => {
-      if (key.startsWith(from))
-        return [to + key.slice(from.length), value];
-      return [key, value];
-    })
-  );
-}
-function toArray(value) {
-  return Array.isArray(value) ? value : [value];
-}
-async function interopDefault(m) {
-  const resolved = await m;
-  return resolved.default || resolved;
-}
-
 // src/configs/jsonc.ts
 async function jsonc(options = {}) {
   const {
+    files = [GLOB_JSON, GLOB_JSON5, GLOB_JSONC],
     overrides = {},
     stylistic: stylistic2 = true
   } = options;
@@ -516,7 +538,7 @@ async function jsonc(options = {}) {
       }
     },
     {
-      files: [GLOB_JSON, GLOB_JSON5, GLOB_JSONC],
+      files,
       languageOptions: {
         parser: parserJsonc
       },
@@ -570,6 +592,7 @@ async function jsonc(options = {}) {
 async function markdown(options = {}) {
   const {
     componentExts = [],
+    files = [GLOB_MARKDOWN],
     overrides = {}
   } = options;
   return [
@@ -581,7 +604,7 @@ async function markdown(options = {}) {
       }
     },
     {
-      files: [GLOB_MARKDOWN],
+      files,
       name: "antfu:markdown:processor",
       processor: "markdown/markdown"
     },
@@ -923,13 +946,17 @@ async function stylistic(options = {}) {
 }
 
 // src/configs/typescript.ts
-var import_node_process = __toESM(require("process"), 1);
-async function typescript(options) {
+var import_node_process2 = __toESM(require("process"), 1);
+async function typescript(options = {}) {
   const {
     componentExts = [],
     overrides = {},
     parserOptions = {}
-  } = options ?? {};
+  } = options;
+  const files = options.files ?? [
+    GLOB_SRC,
+    ...componentExts.map((ext) => `**/*.${ext}`)
+  ];
   const typeAwareRules = {
     "dot-notation": "off",
     "no-implied-eval": "off",
@@ -969,10 +996,7 @@ async function typescript(options) {
       }
     },
     {
-      files: [
-        GLOB_SRC,
-        ...componentExts.map((ext) => `**/*.${ext}`)
-      ],
+      files,
       languageOptions: {
         parser: parserTs,
         parserOptions: {
@@ -980,7 +1004,7 @@ async function typescript(options) {
           sourceType: "module",
           ...tsconfigPath ? {
             project: tsconfigPath,
-            tsconfigRootDir: import_node_process.default.cwd()
+            tsconfigRootDir: import_node_process2.default.cwd()
           } : {},
           ...parserOptions
         }
@@ -1101,6 +1125,7 @@ async function unicorn() {
 // src/configs/vue.ts
 async function vue(options = {}) {
   const {
+    files = [GLOB_VUE],
     overrides = {},
     stylistic: stylistic2 = true
   } = options;
@@ -1123,7 +1148,7 @@ async function vue(options = {}) {
       }
     },
     {
-      files: [GLOB_VUE],
+      files,
       languageOptions: {
         parser: parserVue,
         parserOptions: {
@@ -1226,6 +1251,7 @@ async function vue(options = {}) {
 // src/configs/yaml.ts
 async function yaml(options = {}) {
   const {
+    files = [GLOB_YAML],
     overrides = {},
     stylistic: stylistic2 = true
   } = options;
@@ -1248,7 +1274,7 @@ async function yaml(options = {}) {
       }
     },
     {
-      files: [GLOB_YAML],
+      files,
       languageOptions: {
         parser: parserYaml
       },
@@ -1284,6 +1310,7 @@ async function yaml(options = {}) {
 // src/configs/test.ts
 async function test(options = {}) {
   const {
+    files = GLOB_TESTS,
     isInEditor = false,
     overrides = {}
   } = options;
@@ -1310,7 +1337,7 @@ async function test(options = {}) {
       }
     },
     {
-      files: GLOB_TESTS,
+      files,
       name: "antfu:test:rules",
       rules: {
         "node/prefer-global/process": "off",
@@ -1337,6 +1364,96 @@ async function perfectionist() {
   ];
 }
 
+// src/configs/react.ts
+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 isAllowConstantExport = ReactRefreshAllowConstantExportPackages.some(
+    (i) => (0, import_local_pkg2.isPackageExists)(i)
+  );
+  return [
+    {
+      name: "antfu:react:setup",
+      plugins: {
+        "react": pluginReact,
+        "react-hooks": pluginReactHooks,
+        "react-refresh": pluginReactRefresh
+      }
+    },
+    {
+      files,
+      languageOptions: {
+        parserOptions: {
+          ecmaFeatures: {
+            jsx: true
+          }
+        }
+      },
+      name: "antfu:react:rules",
+      rules: {
+        // recommended rules react-hooks
+        "react-hooks/exhaustive-deps": "warn",
+        "react-hooks/rules-of-hooks": "error",
+        // react refresh
+        "react-refresh/only-export-components": [
+          "warn",
+          { allowConstantExport: isAllowConstantExport }
+        ],
+        // recommended rules react
+        "react/display-name": "error",
+        "react/jsx-key": "error",
+        "react/jsx-no-comment-textnodes": "error",
+        "react/jsx-no-duplicate-props": "error",
+        "react/jsx-no-target-blank": "error",
+        "react/jsx-no-undef": "error",
+        "react/jsx-uses-react": "error",
+        "react/jsx-uses-vars": "error",
+        "react/no-children-prop": "error",
+        "react/no-danger-with-children": "error",
+        "react/no-deprecated": "error",
+        "react/no-direct-mutation-state": "error",
+        "react/no-find-dom-node": "error",
+        "react/no-is-mounted": "error",
+        "react/no-render-return-value": "error",
+        "react/no-string-refs": "error",
+        "react/no-unescaped-entities": "error",
+        "react/no-unknown-property": "error",
+        "react/no-unsafe": "off",
+        "react/prop-types": "error",
+        "react/react-in-jsx-scope": "off",
+        "react/require-render-return": "error",
+        ...typescript2 ? {
+          "react/jsx-no-undef": "off",
+          "react/prop-type": "off"
+        } : {},
+        // overrides
+        ...overrides
+      }
+    }
+  ];
+}
+
 // src/factory.ts
 var flatConfigProps = [
   "files",
@@ -1358,10 +1475,11 @@ async function antfu(options = {}, ...userConfigs) {
   const {
     componentExts = [],
     gitignore: enableGitignore = true,
-    isInEditor = !!((import_node_process2.default.env.VSCODE_PID || import_node_process2.default.env.JETBRAINS_IDE) && !import_node_process2.default.env.CI),
+    isInEditor = !!((import_node_process3.default.env.VSCODE_PID || import_node_process3.default.env.JETBRAINS_IDE) && !import_node_process3.default.env.CI),
     overrides = {},
-    typescript: enableTypeScript = (0, import_local_pkg.isPackageExists)("typescript"),
-    vue: enableVue = VuePackages.some((i) => (0, import_local_pkg.isPackageExists)(i))
+    react: enableReact = false,
+    typescript: enableTypeScript = (0, import_local_pkg3.isPackageExists)("typescript"),
+    vue: enableVue = VuePackages.some((i) => (0, import_local_pkg3.isPackageExists)(i))
   } = options;
   const stylisticOptions = options.stylistic === false ? false : typeof options.stylistic === "object" ? options.stylistic : {};
   if (stylisticOptions && !("jsx" in stylisticOptions))
@@ -1417,6 +1535,12 @@ async function antfu(options = {}, ...userConfigs) {
       typescript: !!enableTypeScript
     }));
   }
+  if (enableReact) {
+    configs.push(react({
+      overrides: overrides.react,
+      typescript: !!enableTypeScript
+    }));
+  }
   if (options.jsonc ?? true) {
     configs.push(
       jsonc({
@@ -1481,6 +1605,7 @@ var src_default = antfu;
   antfu,
   combine,
   comments,
+  ensurePackages,
   ignores,
   imports,
   interopDefault,
@@ -1490,6 +1615,7 @@ var src_default = antfu;
   markdown,
   node,
   perfectionist,
+  react,
   renameRules,
   sortPackageJson,
   sortTsconfig,

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import { FlatGitignoreOptions } from 'eslint-config-flat-gitignore';
 import { ParserOptions } from '@typescript-eslint/parser';
 import { Linter } from 'eslint';
-import { RuleConfig, MergeIntersection, RenamePrefix, VitestRules, YmlRules, NRules, Prefix, ImportRules, EslintRules, JsoncRules, VueRules, EslintCommentsRules, FlatESLintConfigItem } from '@antfu/eslint-define-config';
+import { RuleConfig, MergeIntersection, RenamePrefix, VitestRules, YmlRules, NRules, Prefix, ReactHooksRules, ReactRules, ImportRules, EslintRules, JsoncRules, VueRules, EslintCommentsRules, FlatESLintConfigItem } from '@antfu/eslint-define-config';
 import { RuleOptions as RuleOptions$1 } from '@eslint-types/jsdoc/types';
 import { RuleOptions } from '@eslint-types/typescript-eslint/types';
 import { RuleOptions as RuleOptions$2 } from '@eslint-types/unicorn/types';
@@ -14,7 +14,7 @@ type WrapRuleConfig<T extends {
     [K in keyof T]: T[K] extends RuleConfig ? T[K] : RuleConfig<T[K]>;
 };
 type Awaitable<T> = T | Promise<T>;
-type Rules = WrapRuleConfig<MergeIntersection<RenamePrefix<RuleOptions, '@typescript-eslint/', 'ts/'> & RenamePrefix<VitestRules, 'vitest/', 'test/'> & RenamePrefix<YmlRules, 'yml/', 'yaml/'> & RenamePrefix<NRules, 'n/', 'node/'> & Prefix<UnprefixedRuleOptions, 'style/'> & Prefix<Rules$1, 'antfu/'> & RuleOptions$1 & ImportRules & EslintRules & JsoncRules & VueRules & RuleOptions$2 & EslintCommentsRules & {
+type Rules = WrapRuleConfig<MergeIntersection<RenamePrefix<RuleOptions, '@typescript-eslint/', 'ts/'> & RenamePrefix<VitestRules, 'vitest/', 'test/'> & RenamePrefix<YmlRules, 'yml/', 'yaml/'> & RenamePrefix<NRules, 'n/', 'node/'> & Prefix<UnprefixedRuleOptions, 'style/'> & Prefix<Rules$1, 'antfu/'> & ReactHooksRules & ReactRules & RuleOptions$1 & ImportRules & EslintRules & JsoncRules & VueRules & RuleOptions$2 & EslintCommentsRules & {
     'test/no-only-tests': RuleConfig<[]>;
 }>>;
 type FlatConfigItem = Omit<FlatESLintConfigItem<Rules, false>, 'plugins'> & {
@@ -30,6 +30,12 @@ type FlatConfigItem = Omit<FlatESLintConfigItem<Rules, false>, 'plugins'> & {
     plugins?: Record<string, any>;
 };
 type UserConfigItem = FlatConfigItem | Linter.FlatConfig;
+interface OptionsFiles {
+    /**
+     * Override the `files` option to provide custom globs.
+     */
+    files?: string[];
+}
 interface OptionsComponentExts {
     /**
      * Additional extensions for components.
@@ -128,6 +134,12 @@ interface OptionsConfig extends OptionsComponentExts {
      * @default true
      */
     stylistic?: boolean | StylisticConfig;
+    /**
+     * Enable react rules.
+     *
+     * @default true
+     */
+    react?: boolean;
     /**
      * Control to disable some rules in editors.
      * @default auto-detect based on the process.env
@@ -144,6 +156,7 @@ interface OptionsConfig extends OptionsComponentExts {
         jsonc?: FlatConfigItem['rules'];
         markdown?: FlatConfigItem['rules'];
         yaml?: FlatConfigItem['rules'];
+        react?: FlatConfigItem['rules'];
     };
 }
 
@@ -162,9 +175,9 @@ declare function javascript(options?: OptionsIsInEditor & OptionsOverrides): Pro
 
 declare function jsdoc(options?: OptionsStylistic): Promise<FlatConfigItem[]>;
 
-declare function jsonc(options?: OptionsStylistic & OptionsOverrides): Promise<FlatConfigItem[]>;
+declare function jsonc(options?: OptionsFiles & OptionsStylistic & OptionsOverrides): Promise<FlatConfigItem[]>;
 
-declare function markdown(options?: OptionsComponentExts & OptionsOverrides): Promise<FlatConfigItem[]>;
+declare function markdown(options?: OptionsFiles & OptionsComponentExts & OptionsOverrides): Promise<FlatConfigItem[]>;
 
 declare function node(): Promise<FlatConfigItem[]>;
 
@@ -183,15 +196,15 @@ declare function sortTsconfig(): FlatConfigItem[];
 
 declare function stylistic(options?: StylisticConfig): Promise<FlatConfigItem[]>;
 
-declare function typescript(options?: OptionsComponentExts & OptionsOverrides & OptionsTypeScriptWithTypes & OptionsTypeScriptParserOptions): Promise<FlatConfigItem[]>;
+declare function typescript(options?: OptionsFiles & OptionsComponentExts & OptionsOverrides & OptionsTypeScriptWithTypes & OptionsTypeScriptParserOptions): Promise<FlatConfigItem[]>;
 
 declare function unicorn(): Promise<FlatConfigItem[]>;
 
-declare function vue(options?: OptionsHasTypeScript & OptionsOverrides & OptionsStylistic): Promise<FlatConfigItem[]>;
+declare function vue(options?: OptionsHasTypeScript & OptionsOverrides & OptionsStylistic & OptionsFiles): Promise<FlatConfigItem[]>;
 
-declare function yaml(options?: OptionsOverrides & OptionsStylistic): Promise<FlatConfigItem[]>;
+declare function yaml(options?: OptionsOverrides & OptionsStylistic & OptionsFiles): Promise<FlatConfigItem[]>;
 
-declare function test(options?: OptionsIsInEditor & OptionsOverrides): Promise<FlatConfigItem[]>;
+declare function test(options?: OptionsFiles & OptionsIsInEditor & OptionsOverrides): Promise<FlatConfigItem[]>;
 
 /**
  * Optional perfectionist plugin for props and items sorting.
@@ -200,6 +213,8 @@ declare function test(options?: OptionsIsInEditor & OptionsOverrides): Promise<F
  */
 declare function perfectionist(): Promise<FlatConfigItem[]>;
 
+declare function react(options?: OptionsHasTypeScript & OptionsOverrides & OptionsFiles): Promise<FlatConfigItem[]>;
+
 declare const GLOB_SRC_EXT = "?([cm])[jt]s?(x)";
 declare const GLOB_SRC = "**/*.?([cm])[jt]s?(x)";
 declare const GLOB_JS = "**/*.?([cm])js";
@@ -233,5 +248,6 @@ declare function toArray<T>(value: T | T[]): T[];
 declare function interopDefault<T>(m: Awaitable<T>): Promise<T extends {
     default: infer U;
 } ? U : T>;
+declare function ensurePackages(packages: string[]): Promise<void>;
 
-export { type Awaitable, type FlatConfigItem, GLOB_ALL_SRC, GLOB_CSS, GLOB_EXCLUDE, GLOB_HTML, GLOB_JS, GLOB_JSON, GLOB_JSON5, GLOB_JSONC, GLOB_JSX, GLOB_LESS, GLOB_MARKDOWN, GLOB_MARKDOWN_CODE, GLOB_SCSS, GLOB_SRC, GLOB_SRC_EXT, GLOB_STYLE, GLOB_TESTS, GLOB_TS, GLOB_TSX, GLOB_VUE, GLOB_YAML, type OptionsComponentExts, type OptionsConfig, type OptionsHasTypeScript, type OptionsIsInEditor, type OptionsOverrides, type OptionsStylistic, type OptionsTypeScriptParserOptions, type OptionsTypeScriptWithTypes, type Rules, type StylisticConfig, type UserConfigItem, type WrapRuleConfig, antfu, combine, comments, antfu as default, ignores, imports, interopDefault, javascript, jsdoc, jsonc, markdown, node, perfectionist, renameRules, sortPackageJson, sortTsconfig, stylistic, test, toArray, typescript, unicorn, vue, yaml };
+export { type Awaitable, type FlatConfigItem, GLOB_ALL_SRC, GLOB_CSS, GLOB_EXCLUDE, GLOB_HTML, GLOB_JS, GLOB_JSON, GLOB_JSON5, GLOB_JSONC, GLOB_JSX, GLOB_LESS, GLOB_MARKDOWN, GLOB_MARKDOWN_CODE, GLOB_SCSS, GLOB_SRC, GLOB_SRC_EXT, GLOB_STYLE, GLOB_TESTS, GLOB_TS, GLOB_TSX, GLOB_VUE, GLOB_YAML, type OptionsComponentExts, type OptionsConfig, type OptionsFiles, type OptionsHasTypeScript, type OptionsIsInEditor, type OptionsOverrides, type OptionsStylistic, type OptionsTypeScriptParserOptions, type OptionsTypeScriptWithTypes, type Rules, type StylisticConfig, type UserConfigItem, type WrapRuleConfig, antfu, combine, comments, antfu as default, ensurePackages, ignores, imports, interopDefault, javascript, jsdoc, jsonc, markdown, node, perfectionist, react, renameRules, sortPackageJson, sortTsconfig, stylistic, test, toArray, typescript, unicorn, vue, yaml };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { FlatGitignoreOptions } from 'eslint-config-flat-gitignore';
 import { ParserOptions } from '@typescript-eslint/parser';
 import { Linter } from 'eslint';
-import { RuleConfig, MergeIntersection, RenamePrefix, VitestRules, YmlRules, NRules, Prefix, ImportRules, EslintRules, JsoncRules, VueRules, EslintCommentsRules, FlatESLintConfigItem } from '@antfu/eslint-define-config';
+import { RuleConfig, MergeIntersection, RenamePrefix, VitestRules, YmlRules, NRules, Prefix, ReactHooksRules, ReactRules, ImportRules, EslintRules, JsoncRules, VueRules, EslintCommentsRules, FlatESLintConfigItem } from '@antfu/eslint-define-config';
 import { RuleOptions as RuleOptions$1 } from '@eslint-types/jsdoc/types';
 import { RuleOptions } from '@eslint-types/typescript-eslint/types';
 import { RuleOptions as RuleOptions$2 } from '@eslint-types/unicorn/types';
@@ -14,7 +14,7 @@ type WrapRuleConfig<T extends {
     [K in keyof T]: T[K] extends RuleConfig ? T[K] : RuleConfig<T[K]>;
 };
 type Awaitable<T> = T | Promise<T>;
-type Rules = WrapRuleConfig<MergeIntersection<RenamePrefix<RuleOptions, '@typescript-eslint/', 'ts/'> & RenamePrefix<VitestRules, 'vitest/', 'test/'> & RenamePrefix<YmlRules, 'yml/', 'yaml/'> & RenamePrefix<NRules, 'n/', 'node/'> & Prefix<UnprefixedRuleOptions, 'style/'> & Prefix<Rules$1, 'antfu/'> & RuleOptions$1 & ImportRules & EslintRules & JsoncRules & VueRules & RuleOptions$2 & EslintCommentsRules & {
+type Rules = WrapRuleConfig<MergeIntersection<RenamePrefix<RuleOptions, '@typescript-eslint/', 'ts/'> & RenamePrefix<VitestRules, 'vitest/', 'test/'> & RenamePrefix<YmlRules, 'yml/', 'yaml/'> & RenamePrefix<NRules, 'n/', 'node/'> & Prefix<UnprefixedRuleOptions, 'style/'> & Prefix<Rules$1, 'antfu/'> & ReactHooksRules & ReactRules & RuleOptions$1 & ImportRules & EslintRules & JsoncRules & VueRules & RuleOptions$2 & EslintCommentsRules & {
     'test/no-only-tests': RuleConfig<[]>;
 }>>;
 type FlatConfigItem = Omit<FlatESLintConfigItem<Rules, false>, 'plugins'> & {
@@ -30,6 +30,12 @@ type FlatConfigItem = Omit<FlatESLintConfigItem<Rules, false>, 'plugins'> & {
     plugins?: Record<string, any>;
 };
 type UserConfigItem = FlatConfigItem | Linter.FlatConfig;
+interface OptionsFiles {
+    /**
+     * Override the `files` option to provide custom globs.
+     */
+    files?: string[];
+}
 interface OptionsComponentExts {
     /**
      * Additional extensions for components.
@@ -128,6 +134,12 @@ interface OptionsConfig extends OptionsComponentExts {
      * @default true
      */
     stylistic?: boolean | StylisticConfig;
+    /**
+     * Enable react rules.
+     *
+     * @default true
+     */
+    react?: boolean;
     /**
      * Control to disable some rules in editors.
      * @default auto-detect based on the process.env
@@ -144,6 +156,7 @@ interface OptionsConfig extends OptionsComponentExts {
         jsonc?: FlatConfigItem['rules'];
         markdown?: FlatConfigItem['rules'];
         yaml?: FlatConfigItem['rules'];
+        react?: FlatConfigItem['rules'];
     };
 }
 
@@ -162,9 +175,9 @@ declare function javascript(options?: OptionsIsInEditor & OptionsOverrides): Pro
 
 declare function jsdoc(options?: OptionsStylistic): Promise<FlatConfigItem[]>;
 
-declare function jsonc(options?: OptionsStylistic & OptionsOverrides): Promise<FlatConfigItem[]>;
+declare function jsonc(options?: OptionsFiles & OptionsStylistic & OptionsOverrides): Promise<FlatConfigItem[]>;
 
-declare function markdown(options?: OptionsComponentExts & OptionsOverrides): Promise<FlatConfigItem[]>;
+declare function markdown(options?: OptionsFiles & OptionsComponentExts & OptionsOverrides): Promise<FlatConfigItem[]>;
 
 declare function node(): Promise<FlatConfigItem[]>;
 
@@ -183,15 +196,15 @@ declare function sortTsconfig(): FlatConfigItem[];
 
 declare function stylistic(options?: StylisticConfig): Promise<FlatConfigItem[]>;
 
-declare function typescript(options?: OptionsComponentExts & OptionsOverrides & OptionsTypeScriptWithTypes & OptionsTypeScriptParserOptions): Promise<FlatConfigItem[]>;
+declare function typescript(options?: OptionsFiles & OptionsComponentExts & OptionsOverrides & OptionsTypeScriptWithTypes & OptionsTypeScriptParserOptions): Promise<FlatConfigItem[]>;
 
 declare function unicorn(): Promise<FlatConfigItem[]>;
 
-declare function vue(options?: OptionsHasTypeScript & OptionsOverrides & OptionsStylistic): Promise<FlatConfigItem[]>;
+declare function vue(options?: OptionsHasTypeScript & OptionsOverrides & OptionsStylistic & OptionsFiles): Promise<FlatConfigItem[]>;
 
-declare function yaml(options?: OptionsOverrides & OptionsStylistic): Promise<FlatConfigItem[]>;
+declare function yaml(options?: OptionsOverrides & OptionsStylistic & OptionsFiles): Promise<FlatConfigItem[]>;
 
-declare function test(options?: OptionsIsInEditor & OptionsOverrides): Promise<FlatConfigItem[]>;
+declare function test(options?: OptionsFiles & OptionsIsInEditor & OptionsOverrides): Promise<FlatConfigItem[]>;
 
 /**
  * Optional perfectionist plugin for props and items sorting.
@@ -200,6 +213,8 @@ declare function test(options?: OptionsIsInEditor & OptionsOverrides): Promise<F
  */
 declare function perfectionist(): Promise<FlatConfigItem[]>;
 
+declare function react(options?: OptionsHasTypeScript & OptionsOverrides & OptionsFiles): Promise<FlatConfigItem[]>;
+
 declare const GLOB_SRC_EXT = "?([cm])[jt]s?(x)";
 declare const GLOB_SRC = "**/*.?([cm])[jt]s?(x)";
 declare const GLOB_JS = "**/*.?([cm])js";
@@ -233,5 +248,6 @@ declare function toArray<T>(value: T | T[]): T[];
 declare function interopDefault<T>(m: Awaitable<T>): Promise<T extends {
     default: infer U;
 } ? U : T>;
+declare function ensurePackages(packages: string[]): Promise<void>;
 
-export { type Awaitable, type FlatConfigItem, GLOB_ALL_SRC, GLOB_CSS, GLOB_EXCLUDE, GLOB_HTML, GLOB_JS, GLOB_JSON, GLOB_JSON5, GLOB_JSONC, GLOB_JSX, GLOB_LESS, GLOB_MARKDOWN, GLOB_MARKDOWN_CODE, GLOB_SCSS, GLOB_SRC, GLOB_SRC_EXT, GLOB_STYLE, GLOB_TESTS, GLOB_TS, GLOB_TSX, GLOB_VUE, GLOB_YAML, type OptionsComponentExts, type OptionsConfig, type OptionsHasTypeScript, type OptionsIsInEditor, type OptionsOverrides, type OptionsStylistic, type OptionsTypeScriptParserOptions, type OptionsTypeScriptWithTypes, type Rules, type StylisticConfig, type UserConfigItem, type WrapRuleConfig, antfu, combine, comments, antfu as default, ignores, imports, interopDefault, javascript, jsdoc, jsonc, markdown, node, perfectionist, renameRules, sortPackageJson, sortTsconfig, stylistic, test, toArray, typescript, unicorn, vue, yaml };
+export { type Awaitable, type FlatConfigItem, GLOB_ALL_SRC, GLOB_CSS, GLOB_EXCLUDE, GLOB_HTML, GLOB_JS, GLOB_JSON, GLOB_JSON5, GLOB_JSONC, GLOB_JSX, GLOB_LESS, GLOB_MARKDOWN, GLOB_MARKDOWN_CODE, GLOB_SCSS, GLOB_SRC, GLOB_SRC_EXT, GLOB_STYLE, GLOB_TESTS, GLOB_TS, GLOB_TSX, GLOB_VUE, GLOB_YAML, type OptionsComponentExts, type OptionsConfig, type OptionsFiles, type OptionsHasTypeScript, type OptionsIsInEditor, type OptionsOverrides, type OptionsStylistic, type OptionsTypeScriptParserOptions, type OptionsTypeScriptWithTypes, type Rules, type StylisticConfig, type UserConfigItem, type WrapRuleConfig, antfu, combine, comments, antfu as default, ensurePackages, ignores, imports, interopDefault, javascript, jsdoc, jsonc, markdown, node, perfectionist, react, renameRules, sortPackageJson, sortTsconfig, stylistic, test, toArray, typescript, unicorn, vue, yaml };

package/dist/index.js

@@ -1,7 +1,7 @@
 // src/factory.ts
-import process2 from "process";
+import process3 from "process";
 import fs from "fs";
-import { isPackageExists } from "local-pkg";
+import { isPackageExists as isPackageExists3 } from "local-pkg";
 
 // src/plugins.ts
 import { default as default2 } from "eslint-plugin-antfu";
@@ -354,6 +354,47 @@ async function javascript(options = {}) {
   ];
 }
 
+// src/utils.ts
+import process from "process";
+import { isPackageExists } from "local-pkg";
+async function combine(...configs) {
+  const resolved = await Promise.all(configs);
+  return resolved.flat();
+}
+function renameRules(rules, from, to) {
+  return Object.fromEntries(
+    Object.entries(rules).map(([key, value]) => {
+      if (key.startsWith(from))
+        return [to + key.slice(from.length), value];
+      return [key, value];
+    })
+  );
+}
+function toArray(value) {
+  return Array.isArray(value) ? value : [value];
+}
+async function interopDefault(m) {
+  const resolved = await m;
+  return resolved.default || resolved;
+}
+async function ensurePackages(packages) {
+  if (process.env.CI || process.stdout.isTTY === false)
+    return;
+  const nonExistingPackages = packages.filter((i) => !isPackageExists(i));
+  if (nonExistingPackages.length === 0)
+    return;
+  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?`,
+      name: "result",
+      type: "confirm"
+    }
+  ]);
+  if (result)
+    await import("@antfu/install-pkg").then((i) => i.installPackage(nonExistingPackages, { dev: true }));
+}
+
 // src/configs/jsdoc.ts
 async function jsdoc(options = {}) {
   const {
@@ -391,31 +432,10 @@ async function jsdoc(options = {}) {
   ];
 }
 
-// src/utils.ts
-async function combine(...configs) {
-  const resolved = await Promise.all(configs);
-  return resolved.flat();
-}
-function renameRules(rules, from, to) {
-  return Object.fromEntries(
-    Object.entries(rules).map(([key, value]) => {
-      if (key.startsWith(from))
-        return [to + key.slice(from.length), value];
-      return [key, value];
-    })
-  );
-}
-function toArray(value) {
-  return Array.isArray(value) ? value : [value];
-}
-async function interopDefault(m) {
-  const resolved = await m;
-  return resolved.default || resolved;
-}
-
 // src/configs/jsonc.ts
 async function jsonc(options = {}) {
   const {
+    files = [GLOB_JSON, GLOB_JSON5, GLOB_JSONC],
     overrides = {},
     stylistic: stylistic2 = true
   } = options;
@@ -437,7 +457,7 @@ async function jsonc(options = {}) {
       }
     },
     {
-      files: [GLOB_JSON, GLOB_JSON5, GLOB_JSONC],
+      files,
       languageOptions: {
         parser: parserJsonc
       },
@@ -491,6 +511,7 @@ async function jsonc(options = {}) {
 async function markdown(options = {}) {
   const {
     componentExts = [],
+    files = [GLOB_MARKDOWN],
     overrides = {}
   } = options;
   return [
@@ -502,7 +523,7 @@ async function markdown(options = {}) {
       }
     },
     {
-      files: [GLOB_MARKDOWN],
+      files,
       name: "antfu:markdown:processor",
       processor: "markdown/markdown"
     },
@@ -844,13 +865,17 @@ async function stylistic(options = {}) {
 }
 
 // src/configs/typescript.ts
-import process from "process";
-async function typescript(options) {
+import process2 from "process";
+async function typescript(options = {}) {
   const {
     componentExts = [],
     overrides = {},
     parserOptions = {}
-  } = options ?? {};
+  } = options;
+  const files = options.files ?? [
+    GLOB_SRC,
+    ...componentExts.map((ext) => `**/*.${ext}`)
+  ];
   const typeAwareRules = {
     "dot-notation": "off",
     "no-implied-eval": "off",
@@ -890,10 +915,7 @@ async function typescript(options) {
       }
     },
     {
-      files: [
-        GLOB_SRC,
-        ...componentExts.map((ext) => `**/*.${ext}`)
-      ],
+      files,
       languageOptions: {
         parser: parserTs,
         parserOptions: {
@@ -901,7 +923,7 @@ async function typescript(options) {
           sourceType: "module",
           ...tsconfigPath ? {
             project: tsconfigPath,
-            tsconfigRootDir: process.cwd()
+            tsconfigRootDir: process2.cwd()
           } : {},
           ...parserOptions
         }
@@ -1022,6 +1044,7 @@ async function unicorn() {
 // src/configs/vue.ts
 async function vue(options = {}) {
   const {
+    files = [GLOB_VUE],
     overrides = {},
     stylistic: stylistic2 = true
   } = options;
@@ -1044,7 +1067,7 @@ async function vue(options = {}) {
       }
     },
     {
-      files: [GLOB_VUE],
+      files,
       languageOptions: {
         parser: parserVue,
         parserOptions: {
@@ -1147,6 +1170,7 @@ async function vue(options = {}) {
 // src/configs/yaml.ts
 async function yaml(options = {}) {
   const {
+    files = [GLOB_YAML],
     overrides = {},
     stylistic: stylistic2 = true
   } = options;
@@ -1169,7 +1193,7 @@ async function yaml(options = {}) {
       }
     },
     {
-      files: [GLOB_YAML],
+      files,
       languageOptions: {
         parser: parserYaml
       },
@@ -1205,6 +1229,7 @@ async function yaml(options = {}) {
 // src/configs/test.ts
 async function test(options = {}) {
   const {
+    files = GLOB_TESTS,
     isInEditor = false,
     overrides = {}
   } = options;
@@ -1231,7 +1256,7 @@ async function test(options = {}) {
       }
     },
     {
-      files: GLOB_TESTS,
+      files,
       name: "antfu:test:rules",
       rules: {
         "node/prefer-global/process": "off",
@@ -1258,6 +1283,96 @@ async function perfectionist() {
   ];
 }
 
+// src/configs/react.ts
+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 isAllowConstantExport = ReactRefreshAllowConstantExportPackages.some(
+    (i) => isPackageExists2(i)
+  );
+  return [
+    {
+      name: "antfu:react:setup",
+      plugins: {
+        "react": pluginReact,
+        "react-hooks": pluginReactHooks,
+        "react-refresh": pluginReactRefresh
+      }
+    },
+    {
+      files,
+      languageOptions: {
+        parserOptions: {
+          ecmaFeatures: {
+            jsx: true
+          }
+        }
+      },
+      name: "antfu:react:rules",
+      rules: {
+        // recommended rules react-hooks
+        "react-hooks/exhaustive-deps": "warn",
+        "react-hooks/rules-of-hooks": "error",
+        // react refresh
+        "react-refresh/only-export-components": [
+          "warn",
+          { allowConstantExport: isAllowConstantExport }
+        ],
+        // recommended rules react
+        "react/display-name": "error",
+        "react/jsx-key": "error",
+        "react/jsx-no-comment-textnodes": "error",
+        "react/jsx-no-duplicate-props": "error",
+        "react/jsx-no-target-blank": "error",
+        "react/jsx-no-undef": "error",
+        "react/jsx-uses-react": "error",
+        "react/jsx-uses-vars": "error",
+        "react/no-children-prop": "error",
+        "react/no-danger-with-children": "error",
+        "react/no-deprecated": "error",
+        "react/no-direct-mutation-state": "error",
+        "react/no-find-dom-node": "error",
+        "react/no-is-mounted": "error",
+        "react/no-render-return-value": "error",
+        "react/no-string-refs": "error",
+        "react/no-unescaped-entities": "error",
+        "react/no-unknown-property": "error",
+        "react/no-unsafe": "off",
+        "react/prop-types": "error",
+        "react/react-in-jsx-scope": "off",
+        "react/require-render-return": "error",
+        ...typescript2 ? {
+          "react/jsx-no-undef": "off",
+          "react/prop-type": "off"
+        } : {},
+        // overrides
+        ...overrides
+      }
+    }
+  ];
+}
+
 // src/factory.ts
 var flatConfigProps = [
   "files",
@@ -1279,10 +1394,11 @@ async function antfu(options = {}, ...userConfigs) {
   const {
     componentExts = [],
     gitignore: enableGitignore = true,
-    isInEditor = !!((process2.env.VSCODE_PID || process2.env.JETBRAINS_IDE) && !process2.env.CI),
+    isInEditor = !!((process3.env.VSCODE_PID || process3.env.JETBRAINS_IDE) && !process3.env.CI),
     overrides = {},
-    typescript: enableTypeScript = isPackageExists("typescript"),
-    vue: enableVue = VuePackages.some((i) => isPackageExists(i))
+    react: enableReact = false,
+    typescript: enableTypeScript = isPackageExists3("typescript"),
+    vue: enableVue = VuePackages.some((i) => isPackageExists3(i))
   } = options;
   const stylisticOptions = options.stylistic === false ? false : typeof options.stylistic === "object" ? options.stylistic : {};
   if (stylisticOptions && !("jsx" in stylisticOptions))
@@ -1338,6 +1454,12 @@ async function antfu(options = {}, ...userConfigs) {
       typescript: !!enableTypeScript
     }));
   }
+  if (enableReact) {
+    configs.push(react({
+      overrides: overrides.react,
+      typescript: !!enableTypeScript
+    }));
+  }
   if (options.jsonc ?? true) {
     configs.push(
       jsonc({
@@ -1402,6 +1524,7 @@ export {
   combine,
   comments,
   src_default as default,
+  ensurePackages,
   ignores,
   imports,
   interopDefault,
@@ -1411,6 +1534,7 @@ export {
   markdown,
   node,
   perfectionist,
+  react,
   renameRules,
   sortPackageJson,
   sortTsconfig,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@antfu/eslint-config",
   "type": "module",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "packageManager": "pnpm@8.10.5",
   "description": "Anthony's ESLint config",
   "author": "Anthony Fu <anthonyfu117@hotmail.com> (https://github.com/antfu/)",
@@ -25,18 +25,33 @@
     "dist"
   ],
   "peerDependencies": {
-    "eslint": ">=8.0.0"
+    "eslint": ">=8.40.0",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.4"
+  },
+  "peerDependenciesMeta": {
+    "eslint-plugin-react": {
+      "optional": true
+    },
+    "eslint-plugin-react-hooks": {
+      "optional": true
+    },
+    "eslint-plugin-react-refresh": {
+      "optional": true
+    }
   },
   "dependencies": {
     "@antfu/eslint-define-config": "^1.23.0-2",
+    "@antfu/install-pkg": "^0.2.0",
     "@eslint-types/jsdoc": "46.8.2-1",
-    "@eslint-types/typescript-eslint": "^6.11.0",
+    "@eslint-types/typescript-eslint": "^6.12.0",
     "@eslint-types/unicorn": "^49.0.0",
     "@stylistic/eslint-plugin": "^1.4.0",
-    "@typescript-eslint/eslint-plugin": "^6.11.0",
-    "@typescript-eslint/parser": "^6.11.0",
+    "@typescript-eslint/eslint-plugin": "^6.12.0",
+    "@typescript-eslint/parser": "^6.12.0",
     "eslint-config-flat-gitignore": "^0.1.1",
-    "eslint-plugin-antfu": "^1.0.9",
+    "eslint-plugin-antfu": "^1.0.10",
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-i": "^2.29.0",
     "eslint-plugin-jsdoc": "^46.9.0",
@@ -47,10 +62,9 @@
     "eslint-plugin-perfectionist": "^2.4.0",
     "eslint-plugin-unicorn": "^49.0.0",
     "eslint-plugin-unused-imports": "^3.0.0",
-    "eslint-plugin-vitest": "^0.3.9",
+    "eslint-plugin-vitest": "^0.3.10",
     "eslint-plugin-vue": "^9.18.1",
     "eslint-plugin-yml": "^1.10.0",
-    "execa": "^8.0.1",
     "globals": "^13.23.0",
     "jsonc-eslint-parser": "^2.4.0",
     "local-pkg": "^0.5.0",
@@ -62,25 +76,30 @@
     "yargs": "^17.7.2"
   },
   "devDependencies": {
-    "@antfu/ni": "^0.21.9",
+    "@antfu/ni": "^0.21.10",
+    "@stylistic/eslint-plugin-migrate": "^1.4.0",
     "@types/eslint": "^8.44.7",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^20.9.1",
-    "@types/prompts": "^2.4.8",
-    "@types/yargs": "^17.0.31",
+    "@types/node": "^20.9.4",
+    "@types/prompts": "^2.4.9",
+    "@types/yargs": "^17.0.32",
     "bumpp": "^9.2.0",
     "eslint": "^8.54.0",
-    "eslint-flat-config-viewer": "^0.1.2",
+    "eslint-flat-config-viewer": "^0.1.3",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.4",
     "esno": "^4.0.0",
+    "execa": "^8.0.1",
     "fast-glob": "^3.3.2",
     "fs-extra": "^11.1.1",
     "lint-staged": "^15.1.0",
     "rimraf": "^5.0.5",
     "simple-git-hooks": "^2.9.0",
-    "tsup": "^7.3.0",
-    "typescript": "^5.2.2",
+    "tsup": "^8.0.1",
+    "typescript": "^5.3.2",
     "vitest": "^0.34.6",
-    "@antfu/eslint-config": "2.0.0"
+    "@antfu/eslint-config": "2.1.0"
   },
   "simple-git-hooks": {
     "pre-commit": "pnpm lint-staged"