@vp-tw/eslint-config 0.0.6 → 0.0.8

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).

package/dist/configs/mdx.d.ts

@@ -7,5 +7,5 @@ declare namespace mdx {
         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,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mdx = void 0;
+var _eslintConfig = require("@antfu/eslint-config");
 var mdxPlugin = _interopRequireWildcard(require("eslint-plugin-mdx"));
 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 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,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.storybook = void 0;
+var _eslintConfig = require("@antfu/eslint-config");
 var _eslintPluginStorybook = _interopRequireDefault(require("eslint-plugin-storybook"));
 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"]);
+  return _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
+      })
+    };
+  });
+};
+exports.storybook = storybook;

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

@@ -7,5 +7,5 @@ declare namespace mdx {
         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 { ensurePackages } from "@antfu/eslint-config";
 import * as mdxPlugin from "eslint-plugin-mdx";
 import { renameRules } from "../utils/renameRules.mjs";
-const mdx = ({
+const mdx = async ({
   flatCodeBlocks = true,
   processorOptions,
   ...options
 } = {}) => {
+  await ensurePackages(["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,19 @@
+import { ensurePackages } from "@antfu/eslint-config";
 import storybookPlugin from "eslint-plugin-storybook";
 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"]);
+  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/lib/eslint-plugin-react-compiler.d.ts

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

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

@@ -1,3 +1,7 @@
+import { ensurePackages } from "@antfu/eslint-config";
 import * as reactCompiler from "eslint-plugin-react-compiler";
-const reactCompilerInternal = reactCompiler.default ?? reactCompiler;
+const reactCompilerInternal = async () => {
+  await ensurePackages(["eslint-plugin-react-compiler"]);
+  return reactCompiler.default ?? reactCompiler;
+};
 export { reactCompilerInternal as 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);
@@ -20,28 +27,12 @@ const vdustr = (options, ...userConfigs) => {
   const mdxFlatCodeBlocksOptions = {
     ...typeof mdxOptions?.flatCodeBlocks !== "object" ? null : mdxOptions.flatCodeBlocks
   };
-  const defaultConfigs = [
-    ...!jsoncEnabled ? [] : [packageJson],
-    ...!mdxEnabled ? [] : mdx({
-      ...mdxOptions,
-      flatCodeBlocks: !mdxFlatCodeBlocksEnabled ? false : {
-        ...mdxFlatCodeBlocksOptions,
-        rules: {
-          "import/no-default-export": "off",
-          ...mdxFlatCodeBlocksOptions?.rules
-        }
-      }
-    }),
-    ...!storybookEnabled ? [] : storybook,
-    prettier
-  ];
   let config = antfu(
     {
       // We use `prettier`.
       stylistic: false,
       ...options
     },
-    ...defaultConfigs,
     ...userConfigs
   );
   config = config.override("antfu/javascript/rules", (config2) => ({
@@ -74,24 +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) {
@@ -131,27 +121,29 @@ const vdustr = (options, ...userConfigs) => {
          */
         "**/package.json"
       ]
-    })).remove("antfu/sort/package-json").remove("antfu/sort/tsconfig-json");
+    })).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.override("storybook:csf:stories-rules", (config2) => ({
+    config = config.append(storybook()).override("storybook:csf:stories-rules", (config2) => ({
       ...config2,
       rules: {
         ...config2.rules,
@@ -159,6 +151,21 @@ const vdustr = (options, ...userConfigs) => {
       }
     }));
   }
+  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/dist/lib/eslint-plugin-react-compiler.d.ts

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

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

@@ -4,7 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.reactCompiler = void 0;
+var _eslintConfig = require("@antfu/eslint-config");
 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;
+const reactCompilerInternal = async () => {
+  await (0, _eslintConfig.ensurePackages)(["eslint-plugin-react-compiler"]);
+  return reactCompiler.default ?? reactCompiler;
+};
+exports.reactCompiler = reactCompilerInternal;

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);
@@ -25,21 +28,11 @@ const vdustr = (options, ...userConfigs) => {
   const mdxFlatCodeBlocksOptions = {
     ...(typeof mdxOptions?.flatCodeBlocks !== "object" ? null : mdxOptions.flatCodeBlocks)
   };
-  const defaultConfigs = [...(!jsoncEnabled ? [] : [_recommended.default]), ...(!mdxEnabled ? [] : (0, _mdx.mdx)({
-    ...mdxOptions,
-    flatCodeBlocks: !mdxFlatCodeBlocksEnabled ? false : {
-      ...mdxFlatCodeBlocksOptions,
-      rules: {
-        "import/no-default-export": "off",
-        ...mdxFlatCodeBlocksOptions?.rules
-      }
-    }
-  })), ...(!storybookEnabled ? [] : _storybook.storybook), _prettier.prettier];
   let config = (0, _eslintConfig.default)({
     // We use `prettier`.
     stylistic: false,
     ...options
-  }, ...defaultConfigs, ...userConfigs);
+  }, ...userConfigs);
   config = config.override("antfu/javascript/rules", config2 => ({
     ...config2,
     rules: {
@@ -70,22 +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: ["**/*.config.*",
-    // Single file components
-    "**/*.vue", "**/*.svelte"]
+    files: [_eslintConfig.GLOB_JS, _eslintConfig.GLOB_JSX, _eslintConfig.GLOB_TS, _eslintConfig.GLOB_TSX],
+    ignores: [
+    // Configuration files
+    "**/*.config.*", _eslintConfig.GLOB_ASTRO_TS]
   });
   if (typescriptEnabled) {
     config = config.override("antfu/typescript/rules", config2 => ({
@@ -124,27 +117,29 @@ const vdustr = (options, ...userConfigs) => {
        * Lint `package.json` files with `eslint-plugin-package-json` instead.
        */
       "**/package.json"]
-    })).remove("antfu/sort/package-json").remove("antfu/sort/tsconfig-json");
+    })).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.override("storybook:csf:stories-rules", config2 => ({
+    config = config.append((0, _storybook.storybook)()).override("storybook:csf:stories-rules", config2 => ({
       ...config2,
       rules: {
         ...config2.rules,
@@ -152,6 +147,19 @@ const vdustr = (options, ...userConfigs) => {
       }
     }));
   }
+  if (mdxEnabled) {
+    config = config.append((0, _mdx.mdx)({
+      ...mdxOptions,
+      flatCodeBlocks: !mdxFlatCodeBlocksEnabled ? false : {
+        ...mdxFlatCodeBlocksOptions,
+        rules: {
+          "import/no-default-export": "off",
+          ...mdxFlatCodeBlocksOptions?.rules
+        }
+      }
+    }));
+  }
+  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.6",
+  "version": "0.0.8",
   "description": "ViPro's ESLint configuration",
   "homepage": "https://github.com/vdustr/eslint-config",
   "author": {
@@ -37,17 +37,11 @@
   "types": "./dist/index.d.ts",
   "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": {

package/scripts/typegen.ts

@@ -24,7 +24,7 @@ import { reactCompiler } from "../src/lib/eslint-plugin-react-compiler";
   }
 
   const plugins: Plugins = {
-    ...definePlugins({ "react-compiler": reactCompiler }),
+    ...definePlugins({ "react-compiler": await reactCompiler() }),
     ...definePlugins({
       mdx: {
         rules: mdxRules,

package/src/configs/mdx.ts

@@ -1,5 +1,6 @@
 import type { TypedFlatConfigItem } from "@antfu/eslint-config";
 import type { DistributiveOmit } from "@mui/types";
+import { ensurePackages } from "@antfu/eslint-config";
 
 // eslint-disable-next-line import/no-namespace -- `mdx` exports the plugin as a namespace.
 import * as mdxPlugin from "eslint-plugin-mdx";
@@ -13,11 +14,12 @@ namespace mdx {
   }
 }
 
-const mdx = ({
+const mdx = async ({
   flatCodeBlocks = true,
   processorOptions,
   ...options
-}: mdx.Options = {}) => {
+}: mdx.Options = {}): Promise<Array<TypedFlatConfigItem>> => {
+  await ensurePackages(["eslint-plugin-mdx"]);
   const flatCodeBlocksOptions: TypedFlatConfigItem =
     typeof flatCodeBlocks !== "object" ? {} : flatCodeBlocks;
   const configs: Array<TypedFlatConfigItem> = [

package/src/configs/prettier.ts

@@ -1,12 +1,16 @@
 import type { TypedFlatConfigItem } from "@antfu/eslint-config";
+import { ensurePackages } 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;
+const prettier = async (): Promise<TypedFlatConfigItem> => {
+  await ensurePackages(["eslint-config-prettier"]);
+  return {
+    name: "vdustr/prettier",
+    ...eslintConfigPrettier,
+    rules: renameRules(eslintConfigPrettier.rules),
+  };
+};
 
 export { prettier };

package/src/configs/storybook.ts

@@ -1,20 +1,24 @@
 import type { TypedFlatConfigItem } from "@antfu/eslint-config";
+import { ensurePackages } 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;
-});
+const storybook = async (): Promise<Array<TypedFlatConfigItem>> => {
+  await ensurePackages(["eslint-plugin-storybook"]);
+  return 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.js

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

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

@@ -1,4 +1,5 @@
 import type { ESLint, Linter } from "eslint";
+import { ensurePackages } from "@antfu/eslint-config";
 // @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";
@@ -10,7 +11,9 @@ interface ReactCompiler extends ESLint.Plugin {
   };
 }
 
-const reactCompilerInternal: ReactCompiler =
-  reactCompiler.default ?? reactCompiler;
+const reactCompilerInternal = async (): Promise<ReactCompiler> => {
+  await ensurePackages(["eslint-plugin-react-compiler"]);
+  return reactCompiler.default ?? reactCompiler;
+};
 
 export { reactCompilerInternal as reactCompiler };

package/src/vdustr.ts

@@ -1,15 +1,20 @@
-// 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 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";
 import { prettier } from "./configs/prettier";
 import { storybook } from "./configs/storybook";
 import { reactCompiler } from "./lib/eslint-plugin-react-compiler";
+import "./eslint-typegen";
 
 type Options = Omit<NonNullable<Parameters<typeof antfu>[0]>, "stylistic"> & {
   mdx?: boolean | mdx.Options;
@@ -36,33 +41,12 @@ const vdustr = (options?: Options, ...userConfigs: Array<Config>) => {
       ? null
       : mdxOptions.flatCodeBlocks),
   };
-  type Config = NonNullable<Parameters<typeof antfu>[1]>;
-  const defaultConfigs: Array<Config> = [
-    ...(!jsoncEnabled ? [] : [packageJson]),
-    ...(!mdxEnabled
-      ? []
-      : mdx({
-          ...mdxOptions,
-          flatCodeBlocks: !mdxFlatCodeBlocksEnabled
-            ? false
-            : {
-                ...mdxFlatCodeBlocksOptions,
-                rules: {
-                  "import/no-default-export": "off",
-                  ...mdxFlatCodeBlocksOptions?.rules,
-                },
-              },
-        })),
-    ...(!storybookEnabled ? [] : storybook),
-    prettier,
-  ];
   let config = antfu(
     {
       // We use `prettier`.
       stylistic: false,
       ...options,
     },
-    ...defaultConfigs,
     ...userConfigs,
   );
 
@@ -101,13 +85,6 @@ const vdustr = (options?: Options, ...userConfigs: Array<Config>) => {
          * 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",
       },
     }))
 
@@ -115,15 +92,20 @@ const vdustr = (options?: Options, ...userConfigs: Array<Config>) => {
      * Allow default exports in certain files.
      */
     .insertAfter("antfu/imports/rules", {
-      name: "vdustr/allow-default-export",
+      name: "vdustr/no-default-export",
       rules: {
-        "import/no-default-export": "off",
+        /**
+         * 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",
       },
-      files: [
+      files: [GLOB_JS, GLOB_JSX, GLOB_TS, GLOB_TSX],
+      ignores: [
+        // Configuration files
         "**/*.config.*",
-        // Single file components
-        "**/*.vue",
-        "**/*.svelte",
+        GLOB_ASTRO_TS,
       ],
     });
 
@@ -169,39 +151,63 @@ const vdustr = (options?: Options, ...userConfigs: Array<Config>) => {
           "**/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",
+    config = config.override("antfu/react/rules", async (config) => {
+      return {
+        ...config,
+        plugins: {
+          ...config.plugins,
+          "react-compiler": await reactCompiler(),
+        },
+        rules: {
+          ...config.rules,
+          "react-compiler/react-compiler": "error",
 
-        /**
-         * Not all destructuring assignments are more readable than their alternatives.
-         */
-        "react/prefer-destructuring-assignment": "off",
-      },
-    }));
+          /**
+           * Not all destructuring assignments are more readable than their alternatives.
+           */
+          "react/prefer-destructuring-assignment": "off",
+        },
+      };
+    });
   }
 
   if (storybookEnabled) {
-    config = config.override("storybook:csf:stories-rules", (config) => ({
-      ...config,
-      rules: {
-        ...config.rules,
-        "import/no-default-export": "off",
-      },
-    }));
+    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;
 };