@vp-tw/eslint-config 0.0.7 → 0.0.9

package/README.md

@@ -5,7 +5,7 @@ ViPro's ESLint configuration.
 - Built on top of [antfu/eslint-config](https://github.com/antfu/eslint-config).
 - Integrates with:
   - [eslint-config-prettier](https://github.com/prettier/eslint-config-prettier)
-  - [eslint-mdx](https://github.com/mdx-js/eslint-mdx).
+  - [eslint-mdx](https://github.com/mdx-js/eslint-mdx)
   - [eslint-plugin-storybook](https://github.com/storybookjs/eslint-plugin-storybook)
   - [eslint-plugin-react-compiler](https://www.npmjs.com/package/eslint-plugin-react-compiler)
 - Fine-tuned to provide an opinionated, optimal DX. Please copy the VSCode settings from [eslint-config.code-workspace](https://github.com/VdustR/eslint-config/blob/main/eslint-config.code-workspace).
@@ -15,7 +15,7 @@ Check [here](https://vdustr.dev/eslint-config) to preview the ESLint inspection.
 ## Installation
 
 ```bash
-pnpm i -D @vp-tw/eslint-config
+pnpm i -D eslint @antfu/eslint-config @vp-tw/eslint-config
 ```
 
 ## Usage

package/dist/configs/mdx.d.ts

@@ -1,11 +1,10 @@
 import type { TypedFlatConfigItem } from "@antfu/eslint-config";
 import type { DistributiveOmit } from "@mui/types";
-import * as mdxPlugin from "eslint-plugin-mdx";
 declare namespace mdx {
     interface Options extends DistributiveOmit<TypedFlatConfigItem, "processor"> {
-        processorOptions?: mdxPlugin.ProcessorOptions;
+        processorOptions?: import("eslint-plugin-mdx").ProcessorOptions;
         flatCodeBlocks?: boolean | TypedFlatConfigItem;
     }
 }
-declare const mdx: ({ flatCodeBlocks, processorOptions, ...options }?: mdx.Options) => TypedFlatConfigItem[];
+declare const mdx: ({ flatCodeBlocks, processorOptions, ...options }?: mdx.Options) => Promise<Array<TypedFlatConfigItem>>;
 export { mdx };

package/dist/configs/mdx.js

@@ -4,15 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mdx = void 0;
-var mdxPlugin = _interopRequireWildcard(require("eslint-plugin-mdx"));
+var _eslintConfig = require("@antfu/eslint-config");
 var _renameRules = require("../utils/renameRules");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const mdx = ({
+const mdx = async ({
   flatCodeBlocks = true,
   processorOptions,
   ...options
 } = {}) => {
+  await (0, _eslintConfig.ensurePackages)(["eslint-plugin-mdx"]);
+  const mdxPlugin = await (0, _eslintConfig.interopDefault)(await Promise.resolve().then(() => require("eslint-plugin-mdx")));
   const flatCodeBlocksOptions = typeof flatCodeBlocks !== "object" ? {} : flatCodeBlocks;
   const configs = [{
     name: "vdustr/mdx",

package/dist/configs/prettier.d.ts

@@ -1,2 +1,3 @@
-declare const prettier: any;
+import type { TypedFlatConfigItem } from "@antfu/eslint-config";
+declare const prettier: () => Promise<TypedFlatConfigItem>;
 export { prettier };

package/dist/configs/prettier.js

@@ -4,11 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.prettier = void 0;
+var _eslintConfig = require("@antfu/eslint-config");
 var _eslintConfigPrettier = _interopRequireDefault(require("eslint-config-prettier"));
 var _renameRules = require("../utils/renameRules");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const prettier = exports.prettier = {
-  name: "vdustr/prettier",
-  ..._eslintConfigPrettier.default,
-  rules: (0, _renameRules.renameRules)(_eslintConfigPrettier.default.rules)
-};
+const prettier = async () => {
+  await (0, _eslintConfig.ensurePackages)(["eslint-config-prettier"]);
+  return {
+    name: "vdustr/prettier",
+    ..._eslintConfigPrettier.default,
+    rules: (0, _renameRules.renameRules)(_eslintConfigPrettier.default.rules)
+  };
+};
+exports.prettier = prettier;

package/dist/configs/storybook.d.ts

@@ -1,2 +1,3 @@
-declare const storybook: any;
+import type { TypedFlatConfigItem } from "@antfu/eslint-config";
+declare const storybook: () => Promise<Array<TypedFlatConfigItem>>;
 export { storybook };

package/dist/configs/storybook.js

@@ -4,27 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.storybook = void 0;
-var _eslintPluginStorybook = _interopRequireDefault(require("eslint-plugin-storybook"));
+var _eslintConfig = require("@antfu/eslint-config");
 var _renameRules = require("../utils/renameRules");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const storybook = exports.storybook = _eslintPluginStorybook.default.configs["flat/csf-strict"].map(config => {
-  const allConfig = config;
-  const {
-    rules,
-    files,
-    plugins,
-    ...rest
-  } = allConfig;
-  return {
-    ...rest,
-    ...(!rules ? null : {
-      rules: (0, _renameRules.renameRules)(rules)
-    }),
-    ...(!files ? null : {
-      files
-    }),
-    ...(!plugins ? null : {
-      plugins
-    })
-  };
-});
+const storybook = async () => {
+  await (0, _eslintConfig.ensurePackages)(["eslint-plugin-storybook"]);
+  const storybookPlugin = await (0, _eslintConfig.interopDefault)(Promise.resolve().then(() => require("eslint-plugin-storybook")));
+  return storybookPlugin.configs["flat/csf-strict"].map(config => {
+    const allConfig = config;
+    const {
+      rules,
+      files,
+      plugins,
+      ...rest
+    } = allConfig;
+    return {
+      ...rest,
+      ...(!rules ? null : {
+        rules: (0, _renameRules.renameRules)(rules)
+      }),
+      ...(!files ? null : {
+        files
+      }),
+      ...(!plugins ? null : {
+        plugins
+      })
+    };
+  });
+};
+exports.storybook = storybook;

package/dist/eslint-typegen.js

@@ -0,0 +1,2 @@
+// This is a placeholder for `eslint-typegen.d.ts`.
+"use strict";

package/dist/esm/configs/mdx.d.ts

@@ -1,11 +1,10 @@
 import type { TypedFlatConfigItem } from "@antfu/eslint-config";
 import type { DistributiveOmit } from "@mui/types";
-import * as mdxPlugin from "eslint-plugin-mdx";
 declare namespace mdx {
     interface Options extends DistributiveOmit<TypedFlatConfigItem, "processor"> {
-        processorOptions?: mdxPlugin.ProcessorOptions;
+        processorOptions?: import("eslint-plugin-mdx").ProcessorOptions;
         flatCodeBlocks?: boolean | TypedFlatConfigItem;
     }
 }
-declare const mdx: ({ flatCodeBlocks, processorOptions, ...options }?: mdx.Options) => TypedFlatConfigItem[];
+declare const mdx: ({ flatCodeBlocks, processorOptions, ...options }?: mdx.Options) => Promise<Array<TypedFlatConfigItem>>;
 export { mdx };

package/dist/esm/configs/mdx.mjs

@@ -1,10 +1,12 @@
-import * as mdxPlugin from "eslint-plugin-mdx";
+import { ensurePackages, interopDefault } from "@antfu/eslint-config";
 import { renameRules } from "../utils/renameRules.mjs";
-const mdx = ({
+const mdx = async ({
   flatCodeBlocks = true,
   processorOptions,
   ...options
 } = {}) => {
+  await ensurePackages(["eslint-plugin-mdx"]);
+  const mdxPlugin = await interopDefault(await import("eslint-plugin-mdx"));
   const flatCodeBlocksOptions = typeof flatCodeBlocks !== "object" ? {} : flatCodeBlocks;
   const configs = [
     {

package/dist/esm/configs/prettier.d.ts

@@ -1,2 +1,3 @@
-declare const prettier: any;
+import type { TypedFlatConfigItem } from "@antfu/eslint-config";
+declare const prettier: () => Promise<TypedFlatConfigItem>;
 export { prettier };

package/dist/esm/configs/prettier.mjs

@@ -1,8 +1,12 @@
+import { ensurePackages } from "@antfu/eslint-config";
 import eslintConfigPrettier from "eslint-config-prettier";
 import { renameRules } from "../utils/renameRules.mjs";
-const prettier = {
-  name: "vdustr/prettier",
-  ...eslintConfigPrettier,
-  rules: renameRules(eslintConfigPrettier.rules)
+const prettier = async () => {
+  await ensurePackages(["eslint-config-prettier"]);
+  return {
+    name: "vdustr/prettier",
+    ...eslintConfigPrettier,
+    rules: renameRules(eslintConfigPrettier.rules)
+  };
 };
 export { prettier };

package/dist/esm/configs/storybook.d.ts

@@ -1,2 +1,3 @@
-declare const storybook: any;
+import type { TypedFlatConfigItem } from "@antfu/eslint-config";
+declare const storybook: () => Promise<Array<TypedFlatConfigItem>>;
 export { storybook };

package/dist/esm/configs/storybook.mjs

@@ -1,15 +1,21 @@
-import storybookPlugin from "eslint-plugin-storybook";
+import { ensurePackages, interopDefault } from "@antfu/eslint-config";
 import { renameRules } from "../utils/renameRules.mjs";
-const storybook = storybookPlugin.configs["flat/csf-strict"].map((config) => {
-  const allConfig = config;
-  const { rules, files, plugins, ...rest } = allConfig;
-  return {
-    ...rest,
-    ...!rules ? null : {
-      rules: renameRules(rules)
-    },
-    ...!files ? null : { files },
-    ...!plugins ? null : { plugins }
-  };
-});
+const storybook = async () => {
+  await ensurePackages(["eslint-plugin-storybook"]);
+  const storybookPlugin = await interopDefault(
+    import("eslint-plugin-storybook")
+  );
+  return storybookPlugin.configs["flat/csf-strict"].map((config) => {
+    const allConfig = config;
+    const { rules, files, plugins, ...rest } = allConfig;
+    return {
+      ...rest,
+      ...!rules ? null : {
+        rules: renameRules(rules)
+      },
+      ...!files ? null : { files },
+      ...!plugins ? null : { plugins }
+    };
+  });
+};
 export { storybook };

package/dist/esm/eslint-typegen.mjs

@@ -0,0 +1 @@
+// This is a placeholder for `eslint-typegen.d.ts`.

package/dist/esm/lib/eslint-plugin-react-compiler.d.ts

@@ -5,5 +5,5 @@ interface ReactCompiler extends ESLint.Plugin {
         recommended: Linter.LegacyConfig;
     };
 }
-declare const reactCompilerInternal: ReactCompiler;
-export { reactCompilerInternal as reactCompiler };
+declare const reactCompiler: () => Promise<ReactCompiler>;
+export { reactCompiler };

package/dist/esm/lib/eslint-plugin-react-compiler.mjs

@@ -1,3 +1,12 @@
-import * as reactCompiler from "eslint-plugin-react-compiler";
-const reactCompilerInternal = reactCompiler.default ?? reactCompiler;
-export { reactCompilerInternal as reactCompiler };
+import { ensurePackages, interopDefault } from "@antfu/eslint-config";
+const reactCompiler = async () => {
+  await ensurePackages(["eslint-plugin-react-compiler"]);
+  const reactCompiler2 = await interopDefault(
+    import(
+      // @ts-expect-error -- Untyped library.
+      "eslint-plugin-react-compiler"
+    )
+  );
+  return reactCompiler2;
+};
+export { reactCompiler };

package/dist/esm/vdustr.d.ts

@@ -1,6 +1,7 @@
 import type { Config } from "./types";
 import antfu from "@antfu/eslint-config";
 import { mdx } from "./configs/mdx";
+import "./eslint-typegen";
 type Options = Omit<NonNullable<Parameters<typeof antfu>[0]>, "stylistic"> & {
     mdx?: boolean | mdx.Options;
     storybook?: boolean;

package/dist/esm/vdustr.mjs

@@ -1,10 +1,17 @@
-import antfu from "@antfu/eslint-config";
+import antfu, {
+  GLOB_ASTRO_TS,
+  GLOB_JS,
+  GLOB_JSX,
+  GLOB_TS,
+  GLOB_TSX
+} from "@antfu/eslint-config";
 import packageJson from "eslint-plugin-package-json/configs/recommended";
 import { isPackageExists } from "local-pkg";
 import { mdx } from "./configs/mdx.mjs";
 import { prettier } from "./configs/prettier.mjs";
 import { storybook } from "./configs/storybook.mjs";
 import { reactCompiler } from "./lib/eslint-plugin-react-compiler.mjs";
+import "./eslint-typegen";
 const vdustr = (options, ...userConfigs) => {
   const typescriptEnabled = isPackageExists("typescript");
   const jsoncEnabled = Boolean(options?.jsonc ?? true);
@@ -58,25 +65,23 @@ const vdustr = (options, ...userConfigs) => {
        * Wildcard imports can prevent tree shaking and cause name conflicts.
        * Consider using named imports instead.
        */
-      "import/no-namespace": "error",
+      "import/no-namespace": "error"
+    }
+  })).insertAfter("antfu/imports/rules", {
+    name: "vdustr/no-default-export",
+    rules: {
       /**
        * Enforcing named exports improves consistency, enhances auto-completion and refactoring, and avoids issues
        * with default export renaming. Additionally, default exports might lead to different behavior when transformed
        * to CJS.
        */
       "import/no-default-export": "error"
-    }
-  })).insertAfter("antfu/imports/rules", {
-    name: "vdustr/allow-default-export",
-    rules: {
-      "import/no-default-export": "off"
     },
-    files: [
+    files: [GLOB_JS, GLOB_JSX, GLOB_TS, GLOB_TSX],
+    ignores: [
       // Configuration files
       "**/*.config.*",
-      // Single file components
-      "**/*.vue",
-      "**/*.svelte"
+      GLOB_ASTRO_TS
     ]
   });
   if (typescriptEnabled) {
@@ -119,24 +124,26 @@ const vdustr = (options, ...userConfigs) => {
     })).insertAfter("antfu/jsonc/rules", packageJson).remove("antfu/sort/package-json").remove("antfu/sort/tsconfig-json");
   }
   if (reactEnabled) {
-    config = config.override("antfu/react/rules", (config2) => ({
-      ...config2,
-      plugins: {
-        ...config2.plugins,
-        "react-compiler": reactCompiler
-      },
-      rules: {
-        ...config2.rules,
-        "react-compiler/react-compiler": "error",
-        /**
-         * Not all destructuring assignments are more readable than their alternatives.
-         */
-        "react/prefer-destructuring-assignment": "off"
-      }
-    }));
+    config = config.override("antfu/react/rules", async (config2) => {
+      return {
+        ...config2,
+        plugins: {
+          ...config2.plugins,
+          "react-compiler": await reactCompiler()
+        },
+        rules: {
+          ...config2.rules,
+          "react-compiler/react-compiler": "error",
+          /**
+           * Not all destructuring assignments are more readable than their alternatives.
+           */
+          "react/prefer-destructuring-assignment": "off"
+        }
+      };
+    });
   }
   if (storybookEnabled) {
-    config = config.append(storybook).override("storybook:csf:stories-rules", (config2) => ({
+    config = config.append(storybook()).override("storybook:csf:stories-rules", (config2) => ({
       ...config2,
       rules: {
         ...config2.rules,
@@ -158,7 +165,7 @@ const vdustr = (options, ...userConfigs) => {
       })
     );
   }
-  config = config.append(prettier);
+  config = config.append(prettier());
   return config;
 };
 export { vdustr };

package/dist/lib/eslint-plugin-react-compiler.d.ts

@@ -5,5 +5,5 @@ interface ReactCompiler extends ESLint.Plugin {
         recommended: Linter.LegacyConfig;
     };
 }
-declare const reactCompilerInternal: ReactCompiler;
-export { reactCompilerInternal as reactCompiler };
+declare const reactCompiler: () => Promise<ReactCompiler>;
+export { reactCompiler };

package/dist/lib/eslint-plugin-react-compiler.js

@@ -4,7 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.reactCompiler = void 0;
-var reactCompiler = _interopRequireWildcard(require("eslint-plugin-react-compiler"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const reactCompilerInternal = exports.reactCompiler = reactCompiler.default ?? reactCompiler;
+var _eslintConfig = require("@antfu/eslint-config");
+const reactCompiler = async () => {
+  await (0, _eslintConfig.ensurePackages)(["eslint-plugin-react-compiler"]);
+  const reactCompiler2 = await (0, _eslintConfig.interopDefault)(Promise.resolve().then(() => require("eslint-plugin-react-compiler")));
+  return reactCompiler2;
+};
+exports.reactCompiler = reactCompiler;

package/dist/vdustr.d.ts

@@ -1,6 +1,7 @@
 import type { Config } from "./types";
 import antfu from "@antfu/eslint-config";
 import { mdx } from "./configs/mdx";
+import "./eslint-typegen";
 type Options = Omit<NonNullable<Parameters<typeof antfu>[0]>, "stylistic"> & {
     mdx?: boolean | mdx.Options;
     storybook?: boolean;

package/dist/vdustr.js

@@ -4,14 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.vdustr = void 0;
-var _eslintConfig = _interopRequireDefault(require("@antfu/eslint-config"));
+var _eslintConfig = _interopRequireWildcard(require("@antfu/eslint-config"));
 var _recommended = _interopRequireDefault(require("eslint-plugin-package-json/configs/recommended"));
 var _localPkg = require("local-pkg");
 var _mdx = require("./configs/mdx");
 var _prettier = require("./configs/prettier");
 var _storybook = require("./configs/storybook");
 var _eslintPluginReactCompiler = require("./lib/eslint-plugin-react-compiler");
+require("./eslint-typegen");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const vdustr = (options, ...userConfigs) => {
   const typescriptEnabled = (0, _localPkg.isPackageExists)("typescript");
   const jsoncEnabled = Boolean(options?.jsonc ?? true);
@@ -60,24 +63,22 @@ const vdustr = (options, ...userConfigs) => {
        * Wildcard imports can prevent tree shaking and cause name conflicts.
        * Consider using named imports instead.
        */
-      "import/no-namespace": "error",
+      "import/no-namespace": "error"
+    }
+  })).insertAfter("antfu/imports/rules", {
+    name: "vdustr/no-default-export",
+    rules: {
       /**
        * Enforcing named exports improves consistency, enhances auto-completion and refactoring, and avoids issues
        * with default export renaming. Additionally, default exports might lead to different behavior when transformed
        * to CJS.
        */
       "import/no-default-export": "error"
-    }
-  })).insertAfter("antfu/imports/rules", {
-    name: "vdustr/allow-default-export",
-    rules: {
-      "import/no-default-export": "off"
     },
-    files: [
+    files: [_eslintConfig.GLOB_JS, _eslintConfig.GLOB_JSX, _eslintConfig.GLOB_TS, _eslintConfig.GLOB_TSX],
+    ignores: [
     // Configuration files
-    "**/*.config.*",
-    // Single file components
-    "**/*.vue", "**/*.svelte"]
+    "**/*.config.*", _eslintConfig.GLOB_ASTRO_TS]
   });
   if (typescriptEnabled) {
     config = config.override("antfu/typescript/rules", config2 => ({
@@ -119,24 +120,26 @@ const vdustr = (options, ...userConfigs) => {
     })).insertAfter("antfu/jsonc/rules", _recommended.default).remove("antfu/sort/package-json").remove("antfu/sort/tsconfig-json");
   }
   if (reactEnabled) {
-    config = config.override("antfu/react/rules", config2 => ({
-      ...config2,
-      plugins: {
-        ...config2.plugins,
-        "react-compiler": _eslintPluginReactCompiler.reactCompiler
-      },
-      rules: {
-        ...config2.rules,
-        "react-compiler/react-compiler": "error",
-        /**
-         * Not all destructuring assignments are more readable than their alternatives.
-         */
-        "react/prefer-destructuring-assignment": "off"
-      }
-    }));
+    config = config.override("antfu/react/rules", async config2 => {
+      return {
+        ...config2,
+        plugins: {
+          ...config2.plugins,
+          "react-compiler": await (0, _eslintPluginReactCompiler.reactCompiler)()
+        },
+        rules: {
+          ...config2.rules,
+          "react-compiler/react-compiler": "error",
+          /**
+           * Not all destructuring assignments are more readable than their alternatives.
+           */
+          "react/prefer-destructuring-assignment": "off"
+        }
+      };
+    });
   }
   if (storybookEnabled) {
-    config = config.append(_storybook.storybook).override("storybook:csf:stories-rules", config2 => ({
+    config = config.append((0, _storybook.storybook)()).override("storybook:csf:stories-rules", config2 => ({
       ...config2,
       rules: {
         ...config2.rules,
@@ -156,7 +159,7 @@ const vdustr = (options, ...userConfigs) => {
       }
     }));
   }
-  config = config.append(_prettier.prettier);
+  config = config.append((0, _prettier.prettier)());
   return config;
 };
 exports.vdustr = vdustr;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vp-tw/eslint-config",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "ViPro's ESLint configuration",
   "homepage": "https://github.com/vdustr/eslint-config",
   "author": {
@@ -35,25 +35,25 @@
   "main": "./dist/index.js",
   "module": "./dist/esm/index.mjs",
   "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
   "dependencies": {
-    "@antfu/eslint-config": "^4.1.0",
-    "@eslint-react/eslint-plugin": "^1.25.0",
-    "@eslint/compat": "^1.2.5",
     "@mui/types": "^7.2.21",
     "@types/eslint-config-prettier": "^6.11.3",
-    "@types/eslint__eslintrc": "^2.1.2",
     "eslint-config-prettier": "^10.0.1",
     "eslint-flat-config-utils": "^2.0.0",
-    "eslint-plugin-mdx": "^3.1.5",
     "eslint-plugin-package-json": "^0.21.1",
-    "eslint-plugin-react-compiler": "^19.0.0-beta-27714ef-20250124",
-    "eslint-plugin-storybook": "^0.11.2",
     "local-pkg": "^1.0.0"
   },
   "devDependencies": {
+    "@antfu/eslint-config": "^4.1.0",
     "eslint-typegen": "^1.0.0",
     "unbuild": "^3.3.1"
   },
+  "peerDependencies": {
+    "@antfu/eslint-config": "^4.1.0"
+  },
   "publishConfig": {
     "access": "public"
   },

package/build.config.ts

@@ -1,31 +0,0 @@
-import type { BuildConfig } from "unbuild";
-import { defineBuildConfig } from "unbuild";
-
-const basicEntry = {
-  builder: "mkdist",
-  input: "./src/",
-  pattern: [
-    "**/*.ts",
-    "!**/*.test.ts",
-    "!**/*.test-d.ts",
-    "!**/spec/**",
-    "!**/test/**",
-    "!**/node_modules/**",
-  ],
-} satisfies NonNullable<BuildConfig["entries"]>[number];
-
-export default defineBuildConfig({
-  entries: [
-    {
-      ...basicEntry,
-      outDir: "./dist",
-      format: "cjs",
-    },
-    {
-      ...basicEntry,
-      outDir: "./dist/esm",
-      format: "esm",
-    },
-  ],
-  declaration: true,
-});

package/global.d.ts

@@ -1 +0,0 @@
-/// <reference types="@total-typescript/ts-reset" />

package/scripts/copy.ts

@@ -1,23 +0,0 @@
-import fs from "fs-extra";
-import path from "pathe";
-import { packageDirectory } from "pkg-dir";
-
-const filesToCopy = ["README.md", "LICENSE"] satisfies Array<string>;
-
-(async () => {
-  const pkgDir = await packageDirectory();
-  if (!pkgDir) {
-    throw new Error("Could not find package directory");
-  }
-  const rootPkgDir = await packageDirectory({
-    cwd: path.resolve(pkgDir, ".."),
-  });
-
-  if (!rootPkgDir) {
-    throw new Error("Could not find root package directory");
-  }
-
-  for (const file of filesToCopy) {
-    await fs.copyFile(path.join(rootPkgDir, file), path.join(pkgDir, file));
-  }
-})();

package/scripts/typegen.ts

@@ -1,45 +0,0 @@
-import type { ESLint } from "eslint";
-import { rules as mdxRules } from "eslint-plugin-mdx/lib/rules";
-
-import storybook from "eslint-plugin-storybook";
-import { pluginsToRulesDTS } from "eslint-typegen/core";
-import fs from "fs-extra";
-import path from "pathe";
-import { packageDirectory } from "pkg-dir";
-import { reactCompiler } from "../src/lib/eslint-plugin-react-compiler";
-
-(async () => {
-  const pkgDir = await packageDirectory();
-  if (!pkgDir) {
-    throw new Error("Could not find package directory");
-  }
-  const distDir = path.join(pkgDir, "src");
-  const targetPath = path.join(distDir, "eslint-typegen.d.ts");
-  await fs.ensureDir(path.dirname(targetPath));
-
-  type Plugins = Record<string, ESLint.Plugin>;
-
-  function definePlugins<T extends Plugins>(plugins: T): T {
-    return plugins;
-  }
-
-  const plugins: Plugins = {
-    ...definePlugins({ "react-compiler": reactCompiler }),
-    ...definePlugins({
-      mdx: {
-        rules: mdxRules,
-      },
-    }),
-    ...definePlugins({
-      ...Object.fromEntries(
-        storybook.configs["flat/csf-strict"].flatMap((config) =>
-          !("plugins" in config) || !config.plugins
-            ? []
-            : Object.entries(config.plugins),
-        ),
-      ),
-    }),
-  };
-
-  await fs.writeFile(targetPath, await pluginsToRulesDTS(plugins));
-})();

package/src/configs/mdx.ts

@@ -1,61 +0,0 @@
-import type { TypedFlatConfigItem } from "@antfu/eslint-config";
-import type { DistributiveOmit } from "@mui/types";
-
-// eslint-disable-next-line import/no-namespace -- `mdx` exports the plugin as a namespace.
-import * as mdxPlugin from "eslint-plugin-mdx";
-import { renameRules } from "../utils/renameRules";
-
-namespace mdx {
-  export interface Options
-    extends DistributiveOmit<TypedFlatConfigItem, "processor"> {
-    processorOptions?: mdxPlugin.ProcessorOptions;
-    flatCodeBlocks?: boolean | TypedFlatConfigItem;
-  }
-}
-
-const mdx = ({
-  flatCodeBlocks = true,
-  processorOptions,
-  ...options
-}: mdx.Options = {}) => {
-  const flatCodeBlocksOptions: TypedFlatConfigItem =
-    typeof flatCodeBlocks !== "object" ? {} : flatCodeBlocks;
-  const configs: Array<TypedFlatConfigItem> = [
-    {
-      name: "vdustr/mdx",
-      ...mdxPlugin.flat,
-      ...options,
-      rules: {
-        ...renameRules({
-          ...mdxPlugin.flat.rules,
-        }),
-        ...options.rules,
-      },
-      processor: mdxPlugin.createRemarkProcessor({
-        lintCodeBlocks: Boolean(flatCodeBlocks),
-        ...processorOptions,
-        languageMapper: {
-          ...processorOptions?.languageMapper,
-        },
-      }),
-    },
-    ...(!flatCodeBlocks
-      ? []
-      : [
-          {
-            name: "vdustr/mdx/flat-code-blocks",
-            ...mdxPlugin.flatCodeBlocks,
-            ...flatCodeBlocksOptions,
-            rules: {
-              ...renameRules({
-                ...mdxPlugin.flatCodeBlocks.rules,
-              }),
-              ...flatCodeBlocksOptions.rules,
-            },
-          } satisfies TypedFlatConfigItem,
-        ]),
-  ];
-  return configs;
-};
-
-export { mdx };

package/src/configs/prettier.ts

@@ -1,12 +0,0 @@
-import type { TypedFlatConfigItem } from "@antfu/eslint-config";
-
-import eslintConfigPrettier from "eslint-config-prettier";
-import { renameRules } from "../utils/renameRules";
-
-const prettier = {
-  name: "vdustr/prettier",
-  ...eslintConfigPrettier,
-  rules: renameRules(eslintConfigPrettier.rules),
-} satisfies TypedFlatConfigItem;
-
-export { prettier };

package/src/configs/storybook.ts

@@ -1,20 +0,0 @@
-import type { TypedFlatConfigItem } from "@antfu/eslint-config";
-import storybookPlugin from "eslint-plugin-storybook";
-import { renameRules } from "../utils/renameRules";
-
-const storybook = storybookPlugin.configs["flat/csf-strict"].map((config) => {
-  const allConfig = config as TypedFlatConfigItem;
-  const { rules, files, plugins, ...rest } = allConfig;
-  return {
-    ...rest,
-    ...(!rules
-      ? null
-      : {
-          rules: renameRules(rules),
-        }),
-    ...(!files ? null : { files }),
-    ...(!plugins ? null : { plugins }),
-  } satisfies TypedFlatConfigItem;
-});
-
-export { storybook };

package/src/eslint-typegen.d.ts

@@ -1,106 +0,0 @@
-/* eslint-disable */
-/* prettier-ignore */
-import type { Linter } from 'eslint'
-
-declare module 'eslint' {
-  namespace Linter {
-    interface RulesRecord extends RuleOptions {}
-  }
-}
-
-export interface RuleOptions {
-  /**
-   * Linter integration with remark plugins
-   */
-  'mdx/remark'?: Linter.RuleEntry<[]>
-  /**
-   * Surfaces diagnostics from React Forget
-   */
-  'react-compiler/react-compiler'?: Linter.RuleEntry<ReactCompilerReactCompiler>
-  /**
-   * Interactions should be awaited
-   * @see https://github.com/storybookjs/eslint-plugin-storybook/blob/main/docs/rules/await-interactions.md
-   */
-  'storybook/await-interactions'?: Linter.RuleEntry<[]>
-  /**
-   * Pass a context when invoking play function of another story
-   * @see https://github.com/storybookjs/eslint-plugin-storybook/blob/main/docs/rules/context-in-play-function.md
-   */
-  'storybook/context-in-play-function'?: Linter.RuleEntry<[]>
-  /**
-   * The component property should be set
-   * @see https://github.com/storybookjs/eslint-plugin-storybook/blob/main/docs/rules/csf-component.md
-   */
-  'storybook/csf-component'?: Linter.RuleEntry<[]>
-  /**
-   * Story files should have a default export
-   * @see https://github.com/storybookjs/eslint-plugin-storybook/blob/main/docs/rules/default-exports.md
-   */
-  'storybook/default-exports'?: Linter.RuleEntry<[]>
-  /**
-   * Deprecated hierarchy separator in title property
-   * @see https://github.com/storybookjs/eslint-plugin-storybook/blob/main/docs/rules/hierarchy-separator.md
-   */
-  'storybook/hierarchy-separator'?: Linter.RuleEntry<[]>
-  /**
-   * Meta should only have inline properties
-   * @see https://github.com/storybookjs/eslint-plugin-storybook/blob/main/docs/rules/meta-inline-properties.md
-   */
-  'storybook/meta-inline-properties'?: Linter.RuleEntry<StorybookMetaInlineProperties>
-  /**
-   * A story should not have a redundant name property
-   * @see https://github.com/storybookjs/eslint-plugin-storybook/blob/main/docs/rules/no-redundant-story-name.md
-   */
-  'storybook/no-redundant-story-name'?: Linter.RuleEntry<[]>
-  /**
-   * storiesOf is deprecated and should not be used
-   * @see https://github.com/storybookjs/eslint-plugin-storybook/blob/main/docs/rules/no-stories-of.md
-   */
-  'storybook/no-stories-of'?: Linter.RuleEntry<[]>
-  /**
-   * Do not define a title in meta
-   * @see https://github.com/storybookjs/eslint-plugin-storybook/blob/main/docs/rules/no-title-property-in-meta.md
-   */
-  'storybook/no-title-property-in-meta'?: Linter.RuleEntry<[]>
-  /**
-   * This rule identifies storybook addons that are invalid because they are either not installed or contain a typo in their name.
-   * @see https://github.com/storybookjs/eslint-plugin-storybook/blob/main/docs/rules/no-uninstalled-addons.md
-   */
-  'storybook/no-uninstalled-addons'?: Linter.RuleEntry<StorybookNoUninstalledAddons>
-  /**
-   * Stories should use PascalCase
-   * @see https://github.com/storybookjs/eslint-plugin-storybook/blob/main/docs/rules/prefer-pascal-case.md
-   */
-  'storybook/prefer-pascal-case'?: Linter.RuleEntry<[]>
-  /**
-   * A story file must contain at least one story export
-   * @see https://github.com/storybookjs/eslint-plugin-storybook/blob/main/docs/rules/story-exports.md
-   */
-  'storybook/story-exports'?: Linter.RuleEntry<[]>
-  /**
-   * Use expect from `@storybook/test` or `@storybook/jest`
-   * @see https://github.com/storybookjs/eslint-plugin-storybook/blob/main/docs/rules/use-storybook-expect.md
-   */
-  'storybook/use-storybook-expect'?: Linter.RuleEntry<[]>
-  /**
-   * Do not use testing-library directly on stories
-   * @see https://github.com/storybookjs/eslint-plugin-storybook/blob/main/docs/rules/use-storybook-testing-library.md
-   */
-  'storybook/use-storybook-testing-library'?: Linter.RuleEntry<[]>
-}
-
-/* ======= Declarations ======= */
-// ----- react-compiler/react-compiler -----
-type ReactCompilerReactCompiler = []|[{
-  [k: string]: unknown | undefined
-}]
-// ----- storybook/meta-inline-properties -----
-type StorybookMetaInlineProperties = []|[{
-  csfVersion?: number
-}]
-// ----- storybook/no-uninstalled-addons -----
-type StorybookNoUninstalledAddons = []|[{
-  packageJsonLocation?: string
-  ignore?: string[]
-  [k: string]: unknown | undefined
-}]

package/src/index.ts

@@ -1 +0,0 @@
-export * from "./vdustr";

package/src/lib/eslint-plugin-react-compiler.ts

@@ -1,16 +0,0 @@
-import type { ESLint, Linter } from "eslint";
-// @ts-expect-error -- Untyped library.
-// eslint-disable-next-line import/no-namespace -- `react-compiler` exports the plugin as a namespace.
-import * as reactCompiler from "eslint-plugin-react-compiler";
-
-interface ReactCompiler extends ESLint.Plugin {
-  rules: NonNullable<ESLint.Plugin["rules"]>;
-  configs: {
-    recommended: Linter.LegacyConfig;
-  };
-}
-
-const reactCompilerInternal: ReactCompiler =
-  reactCompiler.default ?? reactCompiler;
-
-export { reactCompilerInternal as reactCompiler };

package/src/tsconfig.json

@@ -1,3 +0,0 @@
-{
-  "extends": ["@vp-tw/tsconfig/base/bundler/tsconfig"]
-}

package/src/types.ts

@@ -1,5 +0,0 @@
-import type antfu from "@antfu/eslint-config";
-
-type Config = NonNullable<Parameters<typeof antfu>[1]>;
-
-export type { Config };

package/src/utils/renameRules.ts

@@ -1,7 +0,0 @@
-import { defaultPluginRenaming, renameRules } from "@antfu/eslint-config";
-
-function renameRulesInternal(rules: Parameters<typeof renameRules>[0]) {
-  return renameRules(rules, defaultPluginRenaming);
-}
-
-export { renameRulesInternal as renameRules };

package/src/vdustr.ts

@@ -1,211 +0,0 @@
-// eslint-disable-next-line import/no-empty-named-blocks -- Type only import.
-import type {} from "./eslint-typegen";
-import type { Config } from "./types";
-import antfu from "@antfu/eslint-config";
-
-import packageJson from "eslint-plugin-package-json/configs/recommended";
-
-import { isPackageExists } from "local-pkg";
-import { mdx } from "./configs/mdx";
-import { prettier } from "./configs/prettier";
-import { storybook } from "./configs/storybook";
-import { reactCompiler } from "./lib/eslint-plugin-react-compiler";
-
-type Options = Omit<NonNullable<Parameters<typeof antfu>[0]>, "stylistic"> & {
-  mdx?: boolean | mdx.Options;
-  storybook?: boolean;
-};
-
-const vdustr = (options?: Options, ...userConfigs: Array<Config>) => {
-  const typescriptEnabled = isPackageExists("typescript");
-  const jsoncEnabled: boolean = Boolean(options?.jsonc ?? true);
-  const reactEnabled: boolean = Boolean(options?.react ?? false);
-  const storybookEnabled: boolean = Boolean(options?.storybook ?? false);
-  const mdxEnabled: boolean = Boolean(options?.mdx ?? false);
-  const mdxOptions: Extract<Options["mdx"], Record<PropertyKey, any>> = {
-    ...(typeof options?.mdx !== "object" ? null : options.mdx),
-  };
-  const mdxFlatCodeBlocksEnabled: boolean = Boolean(
-    mdxOptions?.flatCodeBlocks ?? true,
-  );
-  const mdxFlatCodeBlocksOptions: Extract<
-    (typeof mdxOptions)["flatCodeBlocks"],
-    Record<PropertyKey, any>
-  > = {
-    ...(typeof mdxOptions?.flatCodeBlocks !== "object"
-      ? null
-      : mdxOptions.flatCodeBlocks),
-  };
-  let config = antfu(
-    {
-      // We use `prettier`.
-      stylistic: false,
-      ...options,
-    },
-    ...userConfigs,
-  );
-
-  config = config
-    .override("antfu/javascript/rules", (config) => ({
-      ...config,
-      rules: {
-        ...config.rules,
-        /**
-         * Some callbacks are purposefully named to make the code self-documenting.
-         */
-        "prefer-arrow-callback": "off",
-
-        /**
-         * This rule does not integrate well with JSDoc `@link` tags. It's advised
-         * to verify its behavior with TypeScript instead.
-         */
-        "no-unused-vars": "off",
-        "unused-imports/no-unused-vars": "off",
-        "unused-imports/no-unused-imports-ts": "off",
-        "unused-imports/no-unused-vars-ts": "off",
-        "unused-imports/no-unused-imports": "off",
-      },
-    }))
-    .override("antfu/imports/rules", (config) => ({
-      ...config,
-      rules: {
-        ...config.rules,
-        /**
-         * Forbid `import {} from "module"`.
-         */
-        "import/no-empty-named-blocks": "error",
-
-        /**
-         * Wildcard imports can prevent tree shaking and cause name conflicts.
-         * Consider using named imports instead.
-         */
-        "import/no-namespace": "error",
-
-        /**
-         * Enforcing named exports improves consistency, enhances auto-completion and refactoring, and avoids issues
-         * with default export renaming. Additionally, default exports might lead to different behavior when transformed
-         * to CJS.
-         */
-        "import/no-default-export": "error",
-      },
-    }))
-
-    /**
-     * Allow default exports in certain files.
-     */
-    .insertAfter("antfu/imports/rules", {
-      name: "vdustr/allow-default-export",
-      rules: {
-        "import/no-default-export": "off",
-      },
-      files: [
-        // Configuration files
-        "**/*.config.*",
-
-        // Single file components
-        "**/*.vue",
-        "**/*.svelte",
-      ],
-    });
-
-  if (typescriptEnabled) {
-    config = config.override("antfu/typescript/rules", (config) => ({
-      ...config,
-      rules: {
-        ...config.rules,
-        "ts/array-type": ["error", { default: "generic" }],
-
-        /**
-         * Namespaces are useful for centralizing the management of types. Just avoid
-         * overusing them with runtime code.
-         *
-         * - References:
-         *   - <https://x.com/mattpocockuk/status/1805606072167940167>
-         */
-        "ts/no-namespace": "off",
-        "ts/no-redeclare": "off",
-
-        /**
-         * Check for unused variables in TypeScript.
-         */
-        "ts/no-unused-vars": "off",
-      },
-    }));
-  }
-
-  if (jsoncEnabled) {
-    config = config
-      .override("antfu/jsonc/rules", (config) => ({
-        ...config,
-        rules: {
-          ...config.rules,
-          "jsonc/sort-keys": "error",
-        },
-        files: [...(config.files ?? []), "**/*.code-workspace"],
-        ignores: [
-          ...(config.ignores ?? []),
-          /**
-           * Lint `package.json` files with `eslint-plugin-package-json` instead.
-           */
-          "**/package.json",
-        ],
-      }))
-      .insertAfter("antfu/jsonc/rules", packageJson)
-      .remove("antfu/sort/package-json")
-      .remove("antfu/sort/tsconfig-json");
-  }
-
-  if (reactEnabled) {
-    config = config.override("antfu/react/rules", (config) => ({
-      ...config,
-      plugins: {
-        ...config.plugins,
-        "react-compiler": reactCompiler,
-      },
-      rules: {
-        ...config.rules,
-        "react-compiler/react-compiler": "error",
-
-        /**
-         * Not all destructuring assignments are more readable than their alternatives.
-         */
-        "react/prefer-destructuring-assignment": "off",
-      },
-    }));
-  }
-
-  if (storybookEnabled) {
-    config = config
-      .append(storybook)
-      .override("storybook:csf:stories-rules", (config) => ({
-        ...config,
-        rules: {
-          ...config.rules,
-          "import/no-default-export": "off",
-        },
-      }));
-  }
-
-  if (mdxEnabled) {
-    config = config.append(
-      mdx({
-        ...mdxOptions,
-        flatCodeBlocks: !mdxFlatCodeBlocksEnabled
-          ? false
-          : {
-              ...mdxFlatCodeBlocksOptions,
-              rules: {
-                "import/no-default-export": "off",
-                ...mdxFlatCodeBlocksOptions?.rules,
-              },
-            },
-      }),
-    );
-  }
-
-  config = config.append(prettier);
-
-  return config;
-};
-
-export { vdustr };

package/tsconfig.json

@@ -1,4 +0,0 @@
-{
-  "exclude": ["scripts", "./*.ts", "src/lib"],
-  "extends": ["@vp-tw/tsconfig/base/bundler/tsconfig"]
-}