fix: lazy load @eslint-react/eslint-plugin when react is disabled (#29)

* fix: lazy load react eslint plugin

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

* refactor: simplify eslintReact function

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>

Author: VdustR

.changeset/lazy-load-react.md

@@ -0,0 +1,5 @@
+---
+"@vp-tw/eslint-config": patch
+---
+
+Lazy load `@eslint-react/eslint-plugin` to avoid loading when `react: false`

packages/eslint-config/src/extends/react.ts

@@ -1,9 +1,9 @@
 import type { ConfigOverrides, Rules, VpComposer } from "../types";
 import { GLOB_MARKDOWN_CODE } from "@antfu/eslint-config";
-import eslintReact from "@eslint-react/eslint-plugin";
 import { omit, pick } from "es-toolkit";
 import { reactCompiler } from "../configs/reactCompiler";
 import { GLOB_MDX_CODE } from "../globs";
+import { eslintReact as importEslintReact } from "../lib/eslint-react";
 import { extendsConfig } from "../utils/extendsConfig";
 import { mergeConfig } from "../utils/mergeConfig";
 import { ignoreKeys } from "./_utils";
@@ -56,6 +56,7 @@ function renameReactRules(rules: Partial<Rules>) {
 const react = (composer: VpComposer, options?: react.Options) => {
   const typescriptEnabled: boolean = options?.typescript ?? true;
   extendsConfig(composer, "antfu/react/rules", async (config) => {
+    const eslintReact = await importEslintReact();
     const modifiedConfig = mergeConfig(pick(options?.react ?? {}, ["files", "ignores"]), config);
     const omittedConfig = omit(modifiedConfig, ignoreKeys);
     const baseConfig = typescriptEnabled

packages/eslint-config/src/lib/eslint-react.ts

@@ -0,0 +1,5 @@
+import { interopDefault } from "@antfu/eslint-config";
+
+const eslintReact = () => interopDefault(import("@eslint-react/eslint-plugin"));
+
+export { eslintReact };

packages/eslint-config/src/vdustr.ts

@@ -76,6 +76,8 @@ const vdustr = (options?: Options, ...userConfigs: Array<Config>): VpComposer =>
   const mdxEnabled: boolean = Boolean(vpOptions?.mdx ?? false);
   const storybookEnabled: boolean = Boolean(vpOptions?.storybook ?? false);
   const prettierEnabled: boolean = Boolean(vpOptions?.prettier ?? true);
+  // antfu's react is disabled by default
+  const reactEnabled: boolean = Boolean(antfuOptions?.react ?? false);
 
   let config: VpComposer = antfu({
     ...antfuOptions,
@@ -96,7 +98,9 @@ const vdustr = (options?: Options, ...userConfigs: Array<Config>): VpComposer =>
   sortJsonKeys(config, vpOptions?.extends?.sort?.jsoncSortKeys);
   sortJsonArrayValues(config, vpOptions?.extends?.sort?.jsoncSortArrayValues);
   yaml(config, vpOptions?.extends?.yaml);
-  react(config, vpOptions?.extends?.react);
+  if (reactEnabled) {
+    react(config, vpOptions?.extends?.react);
+  }
   pnpm(config, vpOptions?.extends?.pnpm);
 
   if (packageJsonEnabled) {