@shayanthenerd/eslint-config 0.24.1 → 0.26.0

package/README.md

@@ -4,8 +4,8 @@ ESLint configuration for enforcing best practices and maintaining a consistent c
 
 - **Flexible**: [Highly-customizable options](#customization) and configurations with sensible defaults.
 - **Smart**: Context-aware linting with [automatic dependency detection](#automatic-dependency-detection) and _.gitignore_ recognition.
-- **Comprehensive**: [Supports popular plugins](#plugin-support) for TypeScript, Astro, Vue & Nuxt, Tailwind, Zod, Vitest, Markdown, and more.
-- **Type-safe**: [Fully-typed and well-documented API](#api-reference) with `overrides` support for every built-in configuration object.
+- **Comprehensive**: [Supports useful plugins](#plugin-support) for TypeScript, React & Next, Vue & Nuxt, Astro, Tailwind, and more.
+- **Type-safe**: [Fully-typed and well-documented API](#api-reference) with `overrides` support for built-in configuration objects.
 - **Modern**: Requires ESLint ^10.4.0 and Node.js ^20.19.0 (ESM-only)
 
 ## Table of Contents
@@ -25,41 +25,40 @@ ESLint configuration for enforcing best practices and maintaining a consistent c
 
 ## Plugin Support
 Legend:
-- ✅ Supported
-- ⌛️ In progress
-- ◻️ Enabled by default
-- ⬛ Disabled by default
-- 🔎 [Automatically detected](#automatic-dependency-detection) (`autoDetectDeps: true`)
-
-| Category                                                     | Support | Activation |
-| :----------------------------------------------------------- | :-----: | :----: |
-| **Languages**                                                |         |        |
-| [JavaScript][eslint]                                         |    ✅    |   ◻️    |
-| [TypeScript][plugin-ts]                                      |    ✅    |   🔎    |
-| [Markdown][plugin-md]                                        |    ✅    |   ◻️    |
-| [HTML][plugin-html]                                          |    ✅    |   ⬛    |
-| [CSS][plugin-css]                                            |    ✅    |   ⬛    |
-| **Formatting**                                               |         |        |
-| [Stylistic][plugin-stylistic]                                |    ✅    |   ◻️    |
-| [Perfectionist][plugin-perfectionist]                        |    ✅    |   ◻️    |
-| **Frameworks**                                               |         |        |
-| [Astro][plugin-astro] ([JSX accessibility][plugin-jsx-a11y]) |    ✅    |   🔎    |
-| [React][plugin-react] ([hooks][plugin-react-hooks])          |    ⌛️    |   N/A  |
-| [Next][plugin-next]                                          |    ⌛️    |   N/A  |
-| [Vue & Nuxt][plugin-vue] ([accessibility][plugin-vue-a11y])  |    ✅    |   🔎    |
-| [Tailwind][plugin-tailwind]                                  |    ✅    |   ⬛    |
-| **Testing Tools**                                            |         |        |
-| [Storybook][plugin-storybook]                                |    ✅    |   🔎    |
-| [Vitest][plugin-vitest]                                      |    ✅    |   🔎    |
-| [Cypress][plugin-cypress]                                    |    ✅    |   🔎    |
-| [Playwright][plugin-playwright]                              |    ✅    |   🔎    |
-| **Miscellaneous**                                            |         |        |
-| [_package.json_][plugin-package-json]                        |    ✅    |   ◻️    |
-| [promises][plugin-promise]                                   |    ✅    |   ◻️    |
-| [Imports][plugin-import-x]                                   |    ✅    |   ◻️    |
-| [Zod][plugin-zod]                                            |    ✅    |   🔎    |
-| [Node][plugin-n]                                          |    ✅    |   ◻️    |
-| [Unicorn][plugin-unicorn]                                    |    ⌛️    |   N/A  |
+- ✅ Enabled by default
+- ❌ Disabled by default
+- 🔎 [Automatically detected](#automatic-dependency-detection) (`autoDetectDeps: true`, `env: 'browser'` for Baseline)
+
+| Category                                                                                              | Activation |
+| :---------------------------------------------------------------------------------------------------- | :--------: |
+| **Languages**                                                                                         |            |
+| [JavaScript][eslint]                                                                                  |     ✅      |
+| [TypeScript][plugin-ts]                                                                               |     🔎      |
+| [Markdown][plugin-md]                                                                                 |     ✅      |
+| [HTML][plugin-html]                                                                                   |     ❌      |
+| [CSS][plugin-css]                                                                                     |     ❌      |
+| **Formatting**                                                                                        |            |
+| [Stylistic][plugin-stylistic]                                                                         |     ✅      |
+| [Perfectionist][plugin-perfectionist]                                                                 |     ✅      |
+| **Frameworks & Libraries**                                                                            |            |
+| [Astro][plugin-astro] ([jsx-accessibility][plugin-jsx-a11y])                                          |     🔎      |
+| [React][plugin-react] ([jsx-accessibility][plugin-jsx-a11y], [@html-eslint/react][plugin-html-react]) |     🔎      |
+| [Next][plugin-next]                                                                                   |     🔎      |
+| [Vue & Nuxt][plugin-vue] ([vue-accessibility][plugin-vue-a11y])                                       |     🔎      |
+| [Tailwind][plugin-tailwind]                                                                           |     ❌      |
+| [Zod & Zod Mini][plugin-zod]                                                                          |     🔎      |
+| **Testing Tools**                                                                                     |            |
+| [Storybook][plugin-storybook]                                                                         |     🔎      |
+| [Vitest][plugin-vitest]                                                                               |     🔎      |
+| [Cypress][plugin-cypress]                                                                             |     🔎      |
+| [Playwright][plugin-playwright]                                                                       |     🔎      |
+| **Miscellaneous**                                                                                     |            |
+| [_package.json_][plugin-package-json]                                                                 |     ✅      |
+| [Node][plugin-n]                                                                                      |     ✅      |
+| [Promises][plugin-promise]                                                                            |     ✅      |
+| [Imports][plugin-import-x]                                                                            |     ✅      |
+| [Unicorn][plugin-unicorn]                                                                             |     ✅      |
+| [Baseline][plugin-baseline]                                                                           |     🔎      |
 
 ## Installation and Configuration
 1. Install the package and ESLint as dev dependencies:
@@ -461,31 +460,13 @@ _.vscode/settings.json_:
         functionStyle?: 'expression' | 'declaration',
         maxDepth?: number,
         maxNestedCallbacks?: number,
-        preferNamedExports?: boolean,
         overrides?: Overrides,
       },
       css?: boolean | {
-        allowedRelativeFontUnits?: (
-          | '%'
-          | 'ch'
-          | 'em'
-          | 'ex'
-          | 'ic'
-          | 'lh'
-          | 'cap'
-          | 'rch'
-          | 'rem'
-          | 'rex'
-          | 'ric'
-          | 'rlh'
-          | 'rcap'
-        )[],
-        useBaseline?: false | number | 'newly' | 'widely',
         overrides?: Overrides,
       },
       html?: boolean | {
         idNamingConvention?: 'camelCase' | 'kebab-case' | 'PascalCase' | 'snake_case',
-        useBaseline?: false | number | 'newly' | 'widely',
         overrides?: Overrides,
       },
       importX?: boolean | {
@@ -497,6 +478,9 @@ _.vscode/settings.json_:
         language?: 'gfm' | 'commonmark',
         overrides?: Overrides,
       },
+      next?: boolean | {
+        overrides?: Overrides,
+      },
       node?: boolean | {
         overrides?: Overrides,
       },
@@ -519,6 +503,14 @@ _.vscode/settings.json_:
       promise?: boolean | {
         overrides?: Overrides,
       },
+      react?: boolean | {
+        accessibility?: boolean | {
+          anchorComponents?: string[],
+          headingComponents?: string[],
+          imageComponents?: string[],
+        },
+        overrides?: Overrides,
+      },
       stylistic?: boolean | {
         arrowParens?: 'always' | 'as-needed',
         indent?: number,
@@ -528,7 +520,7 @@ _.vscode/settings.json_:
         maxLineLength?: number,
         memberDelimiterStyle?: 'semi' | 'comma',
         quotes?: 'double' | 'single' | 'backtick',
-        selfCloseVoidHTMLElements?: 'never' | 'always',
+        selfCloseVoidHtmlElements?: 'never' | 'always',
         semi?: 'never' | 'always',
         trailingComma?: 'never' | 'always' | 'only-multiline' | 'always-multiline',
         overrides?: Overrides,
@@ -574,6 +566,23 @@ _.vscode/settings.json_:
       unicorn?: boolean | {
         overrides?: Overrides,
       },
+      useBaseline?: boolean | {
+        baseline?: number | 'newly' | 'widely',
+        css?: {
+          allowedAtRules?: AllowedAtRules,
+          allowedFunctions?: AllowedFunctions,
+          allowedMediaConditions?: AllowedMediaConditions,
+          allowedProperties?: AllowedProperties,
+          allowedPropertyValues?: AllowedPropertyValues,
+          allowedSelectors?: AllowedSelectors,
+          allowedUnits?: AllowedUnits,
+        },
+        javascript?: {
+          ignoredFeatures?: string[],
+          ignoredNodeTypes?: string[],
+        },
+        overrides?: Overrides,
+      },
       vue?: boolean | {
         accessibility?: boolean | {
           accessibleChildComponents?: string[],
@@ -647,7 +656,7 @@ You can find a list of all available versions and their changelogs on the [relea
 
 ## Roadmap to v1.0.0
 - [x] Add integration for ESLint plugins such as [eslint-plugin-n][plugin-n], [eslint-plugin-unicorn][plugin-unicorn], and more.
-- [ ] Add support for other React, Next, Astro, and Markdown.
+- [x] Add support for React, Next, Astro, and Markdown.
 - [ ] Develop an interactive starter wizard to quickly scaffold the configurations for ESLint, Prettier, etc.
 
 ## Contribution Guide
@@ -672,20 +681,21 @@ This project was inspired by the work of [Anthony Fu][antfu], whose generous con
 
 <!-- ESLint Plugins -->
 [plugin-astro]: https://ota-meshi.github.io/eslint-plugin-astro
+[plugin-baseline]: https://baselinejs.vercel.app
 [plugin-css]: https://github.com/eslint/css
 [plugin-cypress]: https://github.com/cypress-io/eslint-plugin-cypress
 [plugin-html]: https://html-eslint.org
+[plugin-html-react]: https://html-eslint.org/docs/react/getting-started
 [plugin-import-x]: https://github.com/un-ts/eslint-plugin-import-x
 [plugin-jsx-a11y]: https://github.com/jsx-eslint/eslint-plugin-jsx-a11y
 [plugin-md]: https://github.com/eslint/markdown
 [plugin-n]: https://github.com/eslint-community/eslint-plugin-n
-[plugin-next]: https://nextjs.org/docs/app/api-reference/config/eslint#eslint-plugin
+[plugin-next]: https://github.com/vercel/next.js/tree/HEAD/packages/eslint-plugin-next
 [plugin-package-json]: https://github.com/JoshuaKGoldberg/eslint-plugin-package-json
 [plugin-perfectionist]: https://perfectionist.dev
 [plugin-playwright]: https://github.com/mskelton/eslint-plugin-playwright
 [plugin-promise]: https://github.com/eslint-community/eslint-plugin-promise
 [plugin-react]: https://eslint-react.xyz
-[plugin-react-hooks]: https://react.dev/reference/eslint-plugin-react-hooks
 [plugin-storybook]: https://storybook.js.org/docs/configure/integration/eslint-plugin
 [plugin-stylistic]: https://eslint.style
 [plugin-tailwind]: https://github.com/schoero/eslint-plugin-better-tailwindcss

package/dist/configs/base.mjs

@@ -26,7 +26,7 @@ function getBaseConfig(options) {
 			},
 			globals: {
 				...globals.builtin,
-				...globals.es2026,
+				...globals.es2027,
 				...worker && globals.worker,
 				...commonjs && globals.commonjs,
 				...bun && env === "bun" && globals.bunBuiltin,

package/dist/configs/baseline.mjs

@@ -0,0 +1,22 @@
+import { isTruthy } from "../utils/isTruthy.mjs";
+import { globs } from "../helpers/globs.mjs";
+import { isEnabled } from "../utils/isEnabled.mjs";
+import { getBaselineRules } from "../rules/baseline.mjs";
+import eslintPluginBaselineJs from "eslint-plugin-baseline-js";
+//#region src/configs/baseline.ts
+function getBaselineConfig(options) {
+	const { vue, astro } = options.configs;
+	return {
+		name: "shayanthenerd/baseline",
+		files: [
+			globs.src,
+			isEnabled(vue) ? globs.vue : "",
+			isEnabled(astro) ? globs.astro : ""
+		].filter(isTruthy),
+		ignores: [globs.test, globs.coverage],
+		plugins: { "baseline-js": eslintPluginBaselineJs },
+		rules: getBaselineRules(options)
+	};
+}
+//#endregion
+export { getBaselineConfig };

package/dist/configs/css.mjs

@@ -1,26 +1,26 @@
 import { globs } from "../helpers/globs.mjs";
 import { isEnabled } from "../utils/isEnabled.mjs";
 import { defaultOptions } from "../helpers/options/defaultOptions.mjs";
-import { getCSSRules } from "../rules/css.mjs";
-import eslintPluginCSS from "@eslint/css";
+import { getCssRules } from "../rules/css.mjs";
+import eslintPluginCss from "@eslint/css";
 import { mergeConfigs } from "eslint-flat-config-utils";
 import { tailwind3, tailwind4 } from "tailwind-csstree";
 //#region src/configs/css.ts
-function getCSSConfig(options) {
+function getCssConfig(options) {
 	const { css, tailwind } = options.configs;
 	const { overrides } = isEnabled(css) ? css : defaultOptions.configs.css;
 	const tailwindSyntax = isEnabled(tailwind) && tailwind.entryPoint ? tailwind4 : tailwind3;
 	return mergeConfigs({
 		name: "shayanthenerd/css",
 		files: [globs.css],
-		plugins: { css: eslintPluginCSS },
+		plugins: { css: eslintPluginCss },
 		language: "css/css",
 		languageOptions: {
 			tolerant: true,
 			customSyntax: isEnabled(tailwind) ? tailwindSyntax : void 0
 		},
-		rules: getCSSRules(options)
+		rules: getCssRules(options)
 	}, overrides);
 }
 //#endregion
-export { getCSSConfig };
+export { getCssConfig };

package/dist/configs/html.mjs

@@ -1,24 +1,24 @@
 import { globs } from "../helpers/globs.mjs";
 import { isEnabled } from "../utils/isEnabled.mjs";
 import { defaultOptions } from "../helpers/options/defaultOptions.mjs";
-import { getHTMLRules } from "../rules/html.mjs";
+import { getHtmlRules } from "../rules/html.mjs";
 import { mergeConfigs } from "eslint-flat-config-utils";
 import eslintPluginUnicorn from "eslint-plugin-unicorn";
-import eslintPluginHTML from "@html-eslint/eslint-plugin";
+import eslintPluginHtml from "@html-eslint/eslint-plugin";
 //#region src/configs/html.ts
-function getHTMLConfig(options) {
+function getHtmlConfig(options) {
 	const { html, unicorn } = options.configs;
 	const { overrides } = isEnabled(html) ? html : defaultOptions.configs.html;
 	return mergeConfigs({
 		name: "shayanthenerd/html",
-		files: [globs.html],
+		files: [globs.src, globs.html],
 		plugins: {
-			"@html-eslint": eslintPluginHTML,
+			"@html-eslint": eslintPluginHtml,
 			...isEnabled(unicorn) && { unicorn: eslintPluginUnicorn }
 		},
-		languageOptions: { parser: eslintPluginHTML.configs["flat/recommended"].languageOptions.parser },
-		rules: getHTMLRules(options)
+		languageOptions: { parser: eslintPluginHtml.configs["flat/recommended"].languageOptions.parser },
+		rules: getHtmlRules(options)
 	}, overrides);
 }
 //#endregion
-export { getHTMLConfig };
+export { getHtmlConfig };

package/dist/configs/next.mjs

@@ -0,0 +1,20 @@
+import { globs } from "../helpers/globs.mjs";
+import { isEnabled } from "../utils/isEnabled.mjs";
+import { defaultOptions } from "../helpers/options/defaultOptions.mjs";
+import { getNextRules } from "../rules/next.mjs";
+import { mergeConfigs } from "eslint-flat-config-utils";
+import eslintPluginNext from "@next/eslint-plugin-next";
+//#region src/configs/next.ts
+function getNextConfig(options) {
+	const { packageDir, configs: { next } } = options;
+	const { overrides } = isEnabled(next) ? next : defaultOptions.configs.next;
+	return mergeConfigs({
+		name: "shayanthenerd/next",
+		files: [globs.src],
+		plugins: { next: eslintPluginNext },
+		settings: { next: { rootDir: packageDir } },
+		rules: getNextRules()
+	}, overrides);
+}
+//#endregion
+export { getNextConfig };

package/dist/configs/react.mjs

@@ -0,0 +1,29 @@
+import { globs } from "../helpers/globs.mjs";
+import { isEnabled } from "../utils/isEnabled.mjs";
+import { defaultOptions } from "../helpers/options/defaultOptions.mjs";
+import { getReactRules } from "../rules/react.mjs";
+import { mergeConfigs } from "eslint-flat-config-utils";
+import eslintPluginUnicorn from "eslint-plugin-unicorn";
+import eslintPluginJsxA11y from "eslint-plugin-jsx-a11y";
+import eslintPluginReact from "@eslint-react/eslint-plugin";
+import eslintPluginHtmlReact from "@html-eslint/eslint-plugin-react";
+//#region src/configs/react.ts
+function getReactConfig(options) {
+	const { react, unicorn } = options.configs;
+	const { overrides, accessibility } = isEnabled(react) ? react : defaultOptions.configs.react;
+	return mergeConfigs({
+		name: "shayanthenerd/react",
+		files: [globs.src],
+		plugins: {
+			"@eslint-react": eslintPluginReact,
+			...isEnabled(unicorn) && { unicorn: eslintPluginUnicorn },
+			...isEnabled(accessibility) && {
+				"jsx-a11y": eslintPluginJsxA11y,
+				"@html-eslint/react": eslintPluginHtmlReact
+			}
+		},
+		rules: getReactRules(options)
+	}, overrides);
+}
+//#endregion
+export { getReactConfig };

package/dist/helpers/globs.mjs

@@ -3,16 +3,6 @@ const srcExtensions = "?([mc])[jt]s?(x)";
 const vueExtensions = `{vue,${srcExtensions}}`;
 const globs = {
 	src: `**/*.${srcExtensions}`,
-	restrictedDefaultExports: `**/{${[
-		"shared",
-		"dto?(s)",
-		"model?(s)",
-		"helper?(s)",
-		"module?(s)",
-		"util?(s|ities)",
-		"composable?(s)",
-		"repo?(s|sitory|sitories)"
-	].join(",")}}/**/*.${srcExtensions}`,
 	packageJson: "**/package.json",
 	markdown: "**/*.md",
 	html: "**/*.html",
@@ -22,7 +12,8 @@ const globs = {
 	vueServerComponents: `**/*.server.${vueExtensions}`,
 	vueAppErrorLayoutsPages: `**/{{app,error},{layouts,pages}/**/*}.${vueExtensions}`,
 	storybook: `**/*.(story|stories).${srcExtensions}`,
-	test: `**/{__tests__/*,*.{test,spec,cy,bench?(mark)}.${srcExtensions}`
+	test: `**/{__tests__/*,*.{test,spec,cy,bench?(mark)}.${srcExtensions}`,
+	coverage: "**/coverage/**"
 };
 //#endregion
 export { globs };

package/dist/helpers/ignores/defaultIgnorePatterns.mjs

@@ -6,6 +6,7 @@ const defaultIgnorePatterns = [
 	"**/bower_components",
 	"**/package-lock.json",
 	"**/typegen.d.ts",
+	"**/next-env.d.ts",
 	"**/components.d.ts",
 	"**/auto-import?(s).d.ts",
 	"**/out",

package/dist/helpers/isPackageDetected.mjs

@@ -7,7 +7,7 @@ const detectedPackages = [];
 function logDetectedPackages() {
 	if (detectedPackages.length > 0) {
 		detectedPackages.sort();
-		console.info(styleText("green", "✔"), "Automatic dependency detection enabled ESLint configurations for", `${detectedPackages.map((packageName) => styleText("blue", packageName)).join(", ")}.`);
+		console.info(`${styleText("green", "✔")} Active ESLint integrations:`, detectedPackages.map((packageName) => styleText("blue", packageName)).join(", "));
 	}
 }
 function isPackageDetected(packageName, options) {

package/dist/helpers/options/defaultOptions.mjs

@@ -1,10 +1,9 @@
 //#region src/helpers/options/defaultOptions.ts
 const defaultOptions = {
 	autoDetectDeps: true,
-	env: "node",
+	env: "browser",
 	gitignore: ".gitignore",
 	packageDir: ".",
-	tsConfig: false,
 	project: {
 		basePath: ".",
 		globals: {
@@ -39,17 +38,11 @@ const defaultOptions = {
 			functionStyle: "declaration",
 			maxDepth: 3,
 			maxNestedCallbacks: 3,
-			preferNamedExports: true,
-			overrides: {}
-		},
-		css: {
-			allowedRelativeFontUnits: ["rem", "em"],
-			useBaseline: false,
 			overrides: {}
 		},
+		css: { overrides: {} },
 		html: {
 			idNamingConvention: "snake_case",
-			useBaseline: false,
 			overrides: {}
 		},
 		importX: { overrides: {} },
@@ -59,6 +52,7 @@ const defaultOptions = {
 			language: "gfm",
 			overrides: {}
 		},
+		next: { overrides: {} },
 		node: { overrides: {} },
 		nuxt: {
 			icon: { component: "Icon" },
@@ -71,6 +65,32 @@ const defaultOptions = {
 			overrides: {}
 		},
 		promise: { overrides: {} },
+		react: {
+			accessibility: {
+				anchorComponents: [
+					"Link",
+					"NextLink",
+					"NavLink"
+				],
+				headingComponents: [
+					"H1",
+					"H2",
+					"H3",
+					"H4",
+					"H5",
+					"H6"
+				],
+				imageComponents: [
+					"Img",
+					"LazyImg",
+					"Image",
+					"LazyImage",
+					"NextImage",
+					"LazyNextImage"
+				]
+			},
+			overrides: {}
+		},
 		stylistic: {
 			arrowParens: "always",
 			indent: 2,
@@ -81,7 +101,7 @@ const defaultOptions = {
 			memberDelimiterStyle: "comma",
 			quotes: "single",
 			semi: "always",
-			selfCloseVoidHTMLElements: "always",
+			selfCloseVoidHtmlElements: "always",
 			trailingComma: "always-multiline",
 			overrides: {}
 		},
@@ -104,11 +124,28 @@ const defaultOptions = {
 		typescript: {
 			allowedDefaultProjects: [],
 			methodSignatureStyle: "method",
-			removeUnusedImports: true,
+			removeUnusedImports: false,
 			typeDefinitionStyle: "interface",
 			overrides: {}
 		},
 		unicorn: { overrides: {} },
+		useBaseline: {
+			baseline: "widely",
+			css: {
+				allowedAtRules: [],
+				allowedFunctions: [],
+				allowedMediaConditions: [],
+				allowedProperties: [],
+				allowedPropertyValues: {},
+				allowedSelectors: [],
+				allowedUnits: []
+			},
+			javascript: {
+				ignoredFeatures: [],
+				ignoredNodeTypes: []
+			},
+			overrides: {}
+		},
 		vue: {
 			accessibility: {
 				accessibleChildComponents: [

package/dist/helpers/options/enableDetectedConfigs.mjs

@@ -1,6 +1,22 @@
 import { isPackageDetected, logDetectedPackages } from "../isPackageDetected.mjs";
 //#region src/helpers/options/enableDetectedConfigs.ts
 function enableDetectedConfigs(options) {
+	const autoDetectedDeps = {
+		typescript: isPackageDetected("typescript", options),
+		zod: isPackageDetected("zod", options),
+		astro: isPackageDetected("astro", options),
+		react: isPackageDetected("react", options),
+		next: isPackageDetected("next", options),
+		vue: isPackageDetected("vue", options),
+		nuxt: isPackageDetected("nuxt", options),
+		nuxtUI: isPackageDetected("@nuxt/ui", options),
+		nuxtIcon: isPackageDetected("@nuxt/icon", options),
+		nuxtImage: isPackageDetected("@nuxt/image", options),
+		vitest: isPackageDetected("vitest", options),
+		cypress: isPackageDetected("cypress", options),
+		storybook: isPackageDetected("storybook", options),
+		playwright: isPackageDetected("@playwright/test", options)
+	};
 	options.configs ??= {};
 	options.configs.test ??= {};
 	options.configs.node ??= true;
@@ -13,28 +29,31 @@ function enableDetectedConfigs(options) {
 	options.configs.importX ??= true;
 	options.configs.stylistic ??= true;
 	options.configs.perfectionist ??= true;
-	options.configs.vue ??= isPackageDetected("vue", options);
-	options.configs.nuxt ??= isPackageDetected("nuxt", options);
-	options.configs.astro ??= isPackageDetected("astro", options);
-	options.configs.typescript ??= isPackageDetected("typescript", options);
-	options.configs.zod ??= isPackageDetected("zod", options);
-	options.configs.test.vitest ??= isPackageDetected("vitest", options);
-	options.configs.test.cypress ??= isPackageDetected("cypress", options);
-	options.configs.test.storybook ??= isPackageDetected("storybook", options);
-	options.configs.test.playwright ??= isPackageDetected("@playwright/test", options);
+	options.configs.useBaseline ??= options.env === "browser";
+	options.configs.typescript ??= autoDetectedDeps.typescript;
+	options.configs.zod ??= autoDetectedDeps.zod;
+	options.configs.astro ??= autoDetectedDeps.astro;
+	options.configs.vue ??= autoDetectedDeps.vue;
+	options.configs.nuxt ??= autoDetectedDeps.nuxt;
+	options.configs.react ??= autoDetectedDeps.react;
+	options.configs.next ??= autoDetectedDeps.next;
+	options.configs.test.vitest ??= autoDetectedDeps.vitest;
+	options.configs.test.cypress ??= autoDetectedDeps.cypress;
+	options.configs.test.storybook ??= autoDetectedDeps.storybook;
+	options.configs.test.playwright ??= autoDetectedDeps.playwright;
 	options.tsConfig ??= options.configs.typescript ? {
 		rootDir: ".",
 		filename: "tsconfig.json"
-	} : false;
-	if (options.configs.typescript && options.configs.vue) {
+	} : void 0;
+	if (options.configs.vue && options.configs.typescript) {
 		options.configs.vue = options.configs.vue === true ? {} : options.configs.vue;
 		options.configs.vue.blockLang = { script: "ts" };
 	}
 	if (options.configs.nuxt) {
 		if (options.configs.nuxt === true) options.configs.nuxt = {};
-		options.configs.nuxt.ui ??= isPackageDetected("@nuxt/ui", options);
-		options.configs.nuxt.icon ??= isPackageDetected("@nuxt/icon", options);
-		options.configs.nuxt.image ??= isPackageDetected("@nuxt/image", options);
+		options.configs.nuxt.ui ??= autoDetectedDeps.nuxtUI;
+		options.configs.nuxt.icon ??= autoDetectedDeps.nuxtIcon;
+		options.configs.nuxt.image ??= autoDetectedDeps.nuxtImage;
 	}
 	if (options.autoDetectDeps === "verbose") logDetectedPackages();
 	return options;

package/dist/index.mjs

@@ -1,17 +1,20 @@
 import { isTruthy } from "./utils/isTruthy.mjs";
 import { isEnabled } from "./utils/isEnabled.mjs";
-import { getCSSConfig } from "./configs/css.mjs";
+import { getCssConfig } from "./configs/css.mjs";
 import { getVueConfig } from "./configs/vue.mjs";
 import { getZodConfig } from "./configs/zod.mjs";
 import { getBaseConfig } from "./configs/base.mjs";
-import { getHTMLConfig } from "./configs/html.mjs";
+import { getHtmlConfig } from "./configs/html.mjs";
+import { getNextConfig } from "./configs/next.mjs";
 import { getNodeConfig } from "./configs/node.mjs";
 import { getAstroConfig } from "./configs/astro.mjs";
+import { getReactConfig } from "./configs/react.mjs";
 import { getVitestConfig } from "./configs/vitest.mjs";
 import { getCypressConfig } from "./configs/cypress.mjs";
 import { getImportXConfig } from "./configs/importX.mjs";
 import { getPromiseConfig } from "./configs/promise.mjs";
 import { getUnicornConfig } from "./configs/unicorn.mjs";
+import { getBaselineConfig } from "./configs/baseline.mjs";
 import { getMarkdownConfig } from "./configs/markdown.mjs";
 import { getTailwindConfig } from "./configs/tailwind.mjs";
 import { getStorybookConfig } from "./configs/storybook.mjs";
@@ -24,7 +27,6 @@ import { getIgnorePatterns } from "./helpers/ignores/getIgnorePatterns.mjs";
 import { mergeWithDefaults } from "./helpers/options/mergeWithDefaults.mjs";
 import { getVueComponentNamesConfig } from "./configs/vueComponentNames.mjs";
 import { getVueServerComponentsConfig } from "./configs/vueServerComponents.mjs";
-import { getRestrictedDefaultExports } from "./configs/restrictedDefaultExports.mjs";
 import { defineConfig as defineConfig$1, globalIgnores } from "eslint/config";
 //#region src/index.ts
 /**
@@ -71,7 +73,7 @@ function defineConfig(...args) {
 		configs = secondArgument ?? [];
 	}
 	const mergedOptions = mergeWithDefaults(options);
-	const { gitignore, project: { rules, ignores, settings, linterOptions }, configs: { css, vue, zod, html, node, nuxt, astro, unicorn, importX, promise, markdown, tailwind, stylistic, typescript, packageJson, perfectionist, base: { preferNamedExports }, test: { vitest, cypress, storybook, playwright } } } = mergedOptions;
+	const { gitignore, project: { rules, ignores, settings, linterOptions }, configs: { css, vue, zod, html, next, node, nuxt, react, astro, unicorn, importX, promise, markdown, tailwind, stylistic, typescript, useBaseline, packageJson, perfectionist, test: { vitest, cypress, storybook, playwright } } } = mergedOptions;
 	const ignorePatterns = getIgnorePatterns({
 		gitignore,
 		patterns: ignores
@@ -89,17 +91,19 @@ function defineConfig(...args) {
 		isEnabled(unicorn) && getUnicornConfig(mergedOptions),
 		isEnabled(promise) && getPromiseConfig(mergedOptions),
 		isEnabled(importX) && getImportXConfig(mergedOptions),
-		preferNamedExports && getRestrictedDefaultExports(),
 		isEnabled(stylistic) && getStylisticConfig(mergedOptions),
 		isEnabled(perfectionist) && getPerfectionistConfig(mergedOptions),
+		isEnabled(useBaseline) && getBaselineConfig(mergedOptions),
 		isEnabled(node) && getNodeConfig(mergedOptions),
 		isEnabled(packageJson) && getPackageJsonConfig(mergedOptions),
 		isEnabled(markdown) && getMarkdownConfig(mergedOptions),
-		isEnabled(html) && getHTMLConfig(mergedOptions),
-		isEnabled(css) && getCSSConfig(mergedOptions),
+		isEnabled(html) && getHtmlConfig(mergedOptions),
+		isEnabled(css) && getCssConfig(mergedOptions),
 		isEnabled(tailwind) && getTailwindConfig(mergedOptions),
 		isEnabled(zod) && getZodConfig(mergedOptions),
 		isEnabled(astro) && getAstroConfig(mergedOptions),
+		isEnabled(react) && getReactConfig(mergedOptions),
+		isEnabled(next) && getNextConfig(mergedOptions),
 		isEnabled(vue) && getVueConfig(mergedOptions),
 		isEnabled(vue) && getVueComponentNamesConfig(),
 		isEnabled(vue) && isEnabled(nuxt) && getVueServerComponentsConfig(),