@shayanthenerd/eslint-config 0.29.3 → 0.30.0

package/README.md

@@ -57,7 +57,7 @@ Legend:
 | [Promises][plugin-promise]                                                                            |     ✅      |
 | [Imports][plugin-import-x]                                                                            |     ✅      |
 | [Unicorn][plugin-unicorn]                                                                             |     ✅      |
-| [Baseline][plugin-baseline]                                                                           |     🔍      |
+| [Baseline][plugin-baseline] ([css/use-baseline], [@html-eslint/use-baseline], [@html-eslint/react/use-baseline])                                                                                        |     🔍      |
 
 ## Installation and Configuration
 1. Install the package and ESLint as dev dependencies:
@@ -78,8 +78,9 @@ Legend:
    ```json title="package.json"
    {
      "scripts": {
-       "lint:inspect": "npx @eslint/config-inspector",
-       "lint": "eslint --fix --max-warnings=0 --cache --cache-location='node_modules/.cache/.eslintcache'"
+       "lint": "eslint --max-warnings=0 --cache --cache-location='node_modules/.cache/.eslintcache'",
+       "lint:fix": "eslint --fix --max-warnings=0 --cache --cache-location='node_modules/.cache/.eslintcache'",
+       "lint:inspect": "npx @eslint/config-inspector"
      }
    }
    ```
@@ -87,7 +88,8 @@ Legend:
 ---
 
 After installation:
-- Use `npm run lint` to lint and fix files.
+- Use `npm run lint` to lint files without modifying them (useful for CI).
+- Use `npm run lint:fix` to lint and fix files.
 - Use `npm run lint:inspect` to see a visual breakdown of your configuration.
 - See [IDE Support](#ide-support) for editor integration.
 - See [Customization](#customization) for advanced configuration.
@@ -108,7 +110,7 @@ export default defineConfig();
 export default defineConfig({
   autoDetectDeps: false,
   configs: {
-    stylistic: false,
+    storybook: false,
     markdown: {
       language: 'commonmark',
     },
@@ -134,7 +136,7 @@ export default defineConfig(
         typeDefinitionStyle: 'type',
         overrides: {
           rules: {
-            '@typescript-eslint/explicit-module-boundary-types': 'off',
+            '@typescript-eslint/explicit-module-boundary-types': 'error',
           },
         },
       },
@@ -174,7 +176,7 @@ PNPM's strict dependency resolution avoids this issue.
 > [!NOTE]
 > For example, `eslint-plugin-storybook` depends on `storybook`, which is hoisted by NPM and Bun. As a result, the integration for `storybook` will be enabled automatically, even if you haven't explicitly installed it.
 
-`configs.useBaseline` is automatically enabled when `autoDetectDeps: true` and `env: 'browser'` (both are the defaults).
+`configs.baseline` is automatically enabled when `autoDetectDeps: true` and `env: 'browser'` (both are the defaults).
 
 To opt out of this behavior, either [globally disable automatic dependency detection](#customization) or manually disable the unwanted integrations that were enabled automatically.
 
@@ -195,7 +197,7 @@ export default defineConfig({
 });
 ```
 
-For editor integration, to avoid inconsistent diagnostics from the [Tailwind CSS IntelliSense VS Code extension][extension-tailwind], add the following settings to _.vscode/settings.json_:
+For editor integration, to reduce noise and avoid inconsistent diagnostics from the [Tailwind CSS IntelliSense VS Code extension][extension-tailwind], add the following settings to _.vscode/settings.json_:
 ```json title=".vscode/settings.json"
 {
   "tailwindCSS.lint.cssConflict": "ignore",
@@ -220,7 +222,7 @@ Markdown linting is powered by [@eslint/markdown][plugin-md].
 By default, the plugin uses GitHub Flavored Markdown (GFM). You can [switch to CommonMark](#customization) if you prefer, but rules related to tables, label references, and other GFM syntax will be disabled because CommonMark doesn't support them.
 
 > [!NOTE]
-> Fenced code blocks inside Markdown files are not linted by @eslint/markdown.
+> Fenced code blocks inside Markdown files are not linted.
 
 ### Node.js
 Some rules depend on the specified Node.js version. Visit the documentation for [version-resolution options and project-specific configurations](https://github.com/eslint-community/eslint-plugin-n#configured-nodejs-version-range).
@@ -241,7 +243,7 @@ You can also add the following to your _.vscode/settings.json_:
   /* Enforce Unix-like line endings (LF). */
   "files.eol": "\n",
 
-  /* Enforce 2 spaces for indentation. */
+  /* Enforce 2 spaces for indentation, even when using the Tab key (`⇥`). */
   "editor.tabSize": 2,
   "editor.insertSpaces": true,
   "editor.detectIndentation": false,
@@ -272,7 +274,7 @@ You can also add the following to your _.vscode/settings.json_:
     "vue"
   ],
 
-  /* Adjust these based on the features you're using to silently auto-fix the stylistic rules. */
+  /* If the Stylistic integration is enabled, use these settings to silently auto-fix the corresponding rules. */
   "eslint.rules.customizations": [
     { "rule": "*styl*", "severity": "off", "fixable": true },
     { "rule": "*sort*", "severity": "off", "fixable": true },
@@ -299,82 +301,138 @@ This configuration uses [ESLint Stylistic][plugin-stylistic] to format:
 
 HTML and Vue's `<template>` blocks are formatted with [@html-eslint/eslint-plugin][plugin-html] and [eslint-plugin-vue][plugin-vue], respectively.
 
-For file types not handled by ESLint Stylistic—such as CSS, JSON, Yaml, and Markdown—you can use Prettier. To simplify the setup, this package also provides a customizable [shared Prettier configuration][prettier-shared-config].
+For file types that ESLint Stylistic does not handle—such as CSS, JSON, YAML, and Markdown—you can use [Prettier][prettier] instead. To make setup easier, this package also provides a customizable [shared Prettier configuration][prettier-shared-config] with the same defaults as the Stylistic integration.
 
-1. Install Prettier as a dev dependency:
-   ```shell
-   npm i -D prettier
-   ```
-
-2. Create a Prettier config file in the root of your project (_prettier.config.js_):
-   ```js title="prettier.config.js"
-   import prettierConfig from '@shayanthenerd/eslint-config/prettier';
-
-   /** @type {import('prettier').Config} */
-   export default {
-     ...prettierConfig,
-     semi: false, // Override `semi` from the shared config
-   };
-   ```
-
-   Or if you prefer using TypeScript (_prettier.config.ts_):
-   ```ts title="prettier.config.ts"
-   import type { Config } from 'prettier';
-
-   import prettierConfig from '@shayanthenerd/eslint-config/prettier';
-
-   export default {
-     ...prettierConfig,
-     semi: true, // Override `semi` from the shared config
-   } satisfies Config;
-   ```
-
-### Using ESLint Stylistic with Prettier
-In this setup, Prettier formats everything that ESLint Stylistic doesn't. To prevent overlaps and potential race conditions, Prettier should only target files that ESLint Stylistic doesn't format.
-
-_package.json_:
-```json title="package.json"
-{
-  "scripts": {
-    "format": "prettier --write . '!**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx,html,vue,astro}' --cache"
-  }
-}
-```
-_.vscode/settings.json_:
-```json title=".vscode/settings.json"
-{
-  "editor.formatOnSave": true,
-  "editor.defaultFormatter": "esbenp.prettier-vscode",
-  "[javascript][typescript][javascriptreact][typescriptreact][html][vue][astro][{**/package.json}]": {
-  "editor.defaultFormatter": "dbaeumer.vscode-eslint"
-  },
-}
-```
+### Using Prettier Alongside ESLint Stylistic
+<details>
+  <summary>
+    In this setup, Prettier should only target files that ESLint Stylistic doesn't handle.
+  </summary>
+
+  <br />
+
+  1. Install Prettier as a dev dependency:
+     ```shell
+     npm i -D prettier
+     ```
+
+  2. Create a Prettier config file in the root of your project (_prettier.config.js_):
+     ```js title="prettier.config.js"
+     import prettierConfig from '@shayanthenerd/eslint-config/prettier';
+
+     /** @type {import('prettier').Config} */
+     export default {
+       ...prettierConfig,
+       semi: false, // Override `semi` from the shared config
+     };
+     ```
+
+     Or if you prefer using TypeScript (_prettier.config.ts_):
+     ```ts title="prettier.config.ts"
+     import type { Config } from 'prettier';
+
+     import prettierConfig from '@shayanthenerd/eslint-config/prettier';
+
+     export default {
+       ...prettierConfig,
+       semi: false, // Override `semi` from the shared config
+     } satisfies Config;
+     ```
+
+  3. Add the following script to _package.json_:
+     ```json title="package.json"
+     {
+       "scripts": {
+         "format": "prettier --write . '!**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx,html,vue,astro}' --cache"
+       }
+     }
+     ```
+
+  4. Add the following settings to _.vscode/settings.json_:
+     ```json title=".vscode/settings.json"
+     {
+       "editor.formatOnSave": true,
+       "editor.defaultFormatter": "esbenp.prettier-vscode",
+       "[javascript][typescript][javascriptreact][typescriptreact][html][vue][astro][{**/package.json}]": {
+         "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+       },
+     }
+     ```
+</details>
 
 ### Using Prettier Alone
-If you prefer to use Prettier as the only formatter, [disable the stylistic configuration](#customization) and let Prettier handle all formatting. Just make sure to avoid running `lint` and `format` scripts on the same files simultaneously.
+<details>
+  <summary>
+    If you prefer to use Prettier as the only formatter, disable the Stylistic integration and let Prettier handle all formatting.
+  </summary>
+
+  <br />
+
+  1. Disable the Stylistic rules in _eslint.config.js_:
+     ```js title="eslint.config.js"
+     import { defineConfig } from '@shayanthenerd/eslint-config';
+
+     export default defineConfig({
+       configs: {
+         stylistic: false,
+
+         /**
+           * The following rules remain enabled when the Stylistic integration is disabled.
+           * Disable them manually if you use the corresponding Prettier plugins, such as:
+           * - prettier-plugin-packagejson
+           * - prettier-plugin-sort-imports
+           * - prettier-plugin-tailwindcss
+           */
+         packageJson: {
+           overrides: {
+             rules: {
+               'package-json/order-properties': 'off',
+             },
+           },
+         },
+         perfectionist: {
+           overrides: {
+             rules: {
+               'perfectionist/sort-imports': 'off',
+               'perfectionist/sort-named-imports': 'off',
+             },
+           },
+         },
+         tailwind: {
+           overrides: {
+             rules: {
+               'better-tailwindcss/enforce-consistent-class-order': 'off',
+             },
+           },
+         },
+       },
+     });
+     ```
+
+  2. Add the following settings to _.vscode/settings.json_:
+     ```json title=".vscode/settings.json"
+     {
+       "editor.formatOnSave": true,
+       "editor.defaultFormatter": "esbenp.prettier-vscode",
+
+       /* This runs before the formatter and doesn't cause conflicts. */
+       "editor.codeActionsOnSave": {
+         "source.fixAll.eslint": "explicit"
+       }
+     }
+     ```
+
+  3. Add the following script to _package.json_:
+     ```json title="package.json"
+     {
+       "scripts": {
+         "format": "prettier --write . --cache",
+       }
+     }
+     ```
+     To avoid conflicts, do not run the `format` and the `lint:fix` scripts on the same files simultaneously.
+</details>
 
-_package.json_:
-```json title="package.json"
-{
-  "scripts": {
-    "format": "prettier --write . --cache",
-    "lint": "eslint --fix --max-warnings=0 --cache --cache-location='node_modules/.cache/.eslintcache'"
-  }
-}
-```
-_.vscode/settings.json_:
-```json title=".vscode/settings.json"
-{
-  "editor.formatOnSave": true,
-  "editor.defaultFormatter": "esbenp.prettier-vscode",
-
-  /* On file save, code actions are run before format, so the following doesn't cause conflicts. */
-  "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": "explicit"
-  }
-}
-```
 
 ## API Reference
 <details>
@@ -460,9 +518,21 @@ _.vscode/settings.json_:
       astro?: boolean | {
         overrides?: Overrides,
       },
-      base?: {
-        maxDepth?: number,
-        maxNestedCallbacks?: number,
+      baseline?: 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,
       },
       css?: boolean | {
@@ -475,6 +545,11 @@ _.vscode/settings.json_:
       importX?: boolean | {
         overrides?: Overrides,
       },
+      javascript?: {
+        maxDepth?: number,
+        maxNestedCallbacks?: number,
+        overrides?: Overrides,
+      },
       markdown?: boolean | {
         allowedHtmlTags?: string[],
         frontmatter?: false | 'json' | 'toml' | 'yaml',
@@ -580,23 +655,6 @@ _.vscode/settings.json_:
         },
         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[],
@@ -716,6 +774,11 @@ This project was inspired by the work of [Anthony Fu][antfu], whose generous con
 [plugin-vue-a11y]: https://vue-a11y.github.io/eslint-plugin-vuejs-accessibility
 [plugin-zod]: https://github.com/marcalexiei/eslint-zod
 
+<!-- ESLint Rules -->
+[@html-eslint/react/use-baseline]: https://github.com/eslint/css/blob/main/docs/rules/use-baseline.md#options
+[@html-eslint/use-baseline]: https://html-eslint.org/docs/rules/use-baseline#options
+[css/use-baseline]: https://github.com/eslint/css/blob/main/docs/rules/use-baseline.md#options
+
 <!-- References -->
 [antfu]: https://github.com/antfu
 [contributing]: ./.github/CONTRIBUTING.md
@@ -724,6 +787,7 @@ This project was inspired by the work of [Anthony Fu][antfu], whose generous con
 [eslint-config-ts-setup]: https://eslint.org/docs/latest/use/configure/configuration-files#typescript-configuration-files
 [eslint-nuxt]: https://eslint.nuxt.com
 [local-pkg]: https://github.com/antfu-collective/local-pkg
+[prettier]: https://prettier.io
 [prettier-shared-config]: https://prettier.io/docs/sharing-configurations
 [releases]: https://github.com/ShayanTheNerd/eslint-config/releases
 [semver]: https://semver.org

package/dist/configs/astro.mjs

@@ -25,7 +25,7 @@ function getAstroConfig(options) {
 				extraFileExtensions: [".astro"]
 			}
 		},
-		rules: getAstroRules()
+		rules: getAstroRules(options)
 	}, overrides);
 }
 //#endregion

package/dist/configs/{base.mjs → javascript.mjs}

@@ -5,9 +5,9 @@ import { getJavaScriptRules } from "../rules/javascript.mjs";
 import { mergeConfigs } from "eslint-flat-config-utils";
 import { parser } from "typescript-eslint";
 import globals from "globals";
-//#region src/configs/base.ts
-function getBaseConfig(options) {
-	const { env, configs: { vue, astro, base: { overrides } }, project: { globals: { bun, node, deno, vitest, worker, browser, commonjs, nodeBuiltin, audioWorklet, webextension, sharedWorker, serviceworker, vue: vueGlobals, astro: astroGlobals, custom: userGlobals } } } = options;
+//#region src/configs/javascript.ts
+function getJavascriptConfig(options) {
+	const { env, configs: { vue, astro, javascript: { overrides } }, project: { globals: { bun, node, deno, vitest, worker, browser, commonjs, nodeBuiltin, audioWorklet, webextension, sharedWorker, serviceworker, vue: vueGlobals, astro: astroGlobals, custom: userGlobals } } } = options;
 	return mergeConfigs({
 		name: "shayanthenerd/base",
 		files: [
@@ -49,4 +49,4 @@ function getBaseConfig(options) {
 	}, overrides);
 }
 //#endregion
-export { getBaseConfig };
+export { getJavascriptConfig };

package/dist/configs/typescript.mjs

@@ -2,12 +2,12 @@ import { isTruthy } from "../utils/isTruthy.mjs";
 import { globs } from "../helpers/globs.mjs";
 import { isEnabled } from "../utils/isEnabled.mjs";
 import { defaultOptions } from "../helpers/options/defaultOptions.mjs";
-import { getTypeScriptRules } from "../rules/typescript.mjs";
+import { getTypescriptRules } from "../rules/typescript.mjs";
 import { mergeConfigs } from "eslint-flat-config-utils";
 import { parser, plugin } from "typescript-eslint";
 import path from "node:path";
 //#region src/configs/typescript.ts
-function getTypeScriptConfig(options) {
+function getTypescriptConfig(options) {
 	const { tsConfig, configs: { vue, astro, typescript } } = options;
 	const { allowedDefaultProjects } = isEnabled(typescript) ? typescript : defaultOptions.configs.typescript;
 	const { overrides } = isEnabled(typescript) ? typescript : defaultOptions.configs.typescript;
@@ -31,8 +31,8 @@ function getTypeScriptConfig(options) {
 				}
 			}
 		},
-		rules: getTypeScriptRules(options)
+		rules: getTypescriptRules(options)
 	}, overrides);
 }
 //#endregion
-export { getTypeScriptConfig };
+export { getTypescriptConfig };

package/dist/configs/vue.mjs

@@ -14,7 +14,11 @@ function getVueConfig(options) {
 	const isVueAccessibilityEnabled = isEnabled(vue) && isEnabled(vue.accessibility);
 	return mergeConfigs({
 		name: "shayanthenerd/vue",
-		files: [globs.vue],
+		files: [
+			globs.src,
+			globs.jsxTsx,
+			globs.vue
+		],
 		plugins: {
 			vue: eslintPluginVue,
 			...isVueAccessibilityEnabled && { "vuejs-accessibility": eslintPluginVueAccessibility }

package/dist/helpers/globs.mjs

@@ -1,21 +1,21 @@
 //#region src/helpers/globs.ts
-const srcExtensions = "?([mc])[jt]s";
+const sourceExtensions = "?([mc])[jt]s";
 const jsxTsxExtensions = "[jt]sx";
-const vueExtensions = `{vue,${srcExtensions},${jsxTsxExtensions}}`;
+const vueSourceExtensions = `{vue,${sourceExtensions},${jsxTsxExtensions}}`;
 const globs = {
-	src: `**/*.${srcExtensions}`,
+	src: `**/*.${sourceExtensions}`,
 	jsxTsx: `**/*.${jsxTsxExtensions}`,
 	packageJson: "**/package.json",
 	markdown: "**/*.md",
 	html: "**/*.html",
 	css: "**/*.css",
 	astro: "**/*.astro",
-	vue: `**/*.${vueExtensions}`,
-	nuxtAppErrorLayoutsPages: `**/{{app,error},{layouts,pages}/**/*}.${vueExtensions}`,
-	nuxtServerComponents: `**/*.server.${vueExtensions}`,
-	nuxtMiddlewares: `**/middleware?(s)/**/*.${srcExtensions}`,
-	storybook: `**/*.(story|stories).{${srcExtensions},${jsxTsxExtensions}}`,
-	test: `**/{__tests__/*,*.{test,spec,cy,bench?(mark)}.${srcExtensions}`,
+	vue: "**/*.vue",
+	nuxtAppErrorLayoutsPages: `**/{{app,error},{layouts,pages}/**/*}.${vueSourceExtensions}`,
+	nuxtServerComponents: `**/*.server.${vueSourceExtensions}`,
+	nuxtMiddlewares: `**/middleware?(s)/**/*.${sourceExtensions}`,
+	storybook: `**/*.(story|stories).{${sourceExtensions},${jsxTsxExtensions}}`,
+	test: `**/{__tests__/*,*.{test,spec,cy,bench?(mark)}.${sourceExtensions}`,
 	coverage: "**/coverage/**"
 };
 //#endregion

package/dist/helpers/options/defaultOptions.mjs

@@ -35,9 +35,21 @@ const defaultOptions = {
 	},
 	configs: {
 		astro: { overrides: {} },
-		base: {
-			maxDepth: 3,
-			maxNestedCallbacks: 3,
+		baseline: {
+			baseline: "widely",
+			css: {
+				allowedAtRules: [],
+				allowedFunctions: [],
+				allowedMediaConditions: [],
+				allowedProperties: [],
+				allowedPropertyValues: {},
+				allowedSelectors: [],
+				allowedUnits: []
+			},
+			javascript: {
+				ignoredFeatures: [],
+				ignoredNodeTypes: []
+			},
 			overrides: {}
 		},
 		css: { overrides: {} },
@@ -46,6 +58,11 @@ const defaultOptions = {
 			overrides: {}
 		},
 		importX: { overrides: {} },
+		javascript: {
+			maxDepth: 3,
+			maxNestedCallbacks: 3,
+			overrides: {}
+		},
 		markdown: {
 			allowedHtmlTags: [],
 			frontmatter: "yaml",
@@ -140,23 +157,6 @@ const defaultOptions = {
 			},
 			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

@@ -47,7 +47,7 @@ function enableDetectedConfigs(options) {
 	options.configs.importX ??= true;
 	options.configs.stylistic ??= true;
 	options.configs.perfectionist ??= true;
-	options.configs.useBaseline ??= options.env === "browser";
+	options.configs.baseline ??= options.env === "browser";
 	options.configs.typescript ??= autoDetectedPackages.typescript;
 	options.configs.zod ??= autoDetectedPackages.zod;
 	options.configs.astro ??= autoDetectedPackages.astro;
@@ -59,8 +59,8 @@ function enableDetectedConfigs(options) {
 	options.configs.test.cypress ??= autoDetectedPackages.cypress;
 	options.configs.test.storybook ??= autoDetectedPackages.storybook;
 	options.configs.test.playwright ??= autoDetectedPackages.playwright;
-	const isTypeScriptEnabled = isEnabled(options.configs.typescript);
-	if (isTypeScriptEnabled) {
+	const isTypescriptEnabled = isEnabled(options.configs.typescript);
+	if (isTypescriptEnabled) {
 		const defaultTsConfigRootDir = options.packageDir ?? defaultOptions.packageDir;
 		const defaultTsConfigFilename = "tsconfig.json";
 		if (options.tsConfig === void 0) options.tsConfig = {
@@ -72,7 +72,7 @@ function enableDetectedConfigs(options) {
 			options.tsConfig.filename ??= defaultTsConfigFilename;
 		}
 	}
-	if (isTypeScriptEnabled && options.configs.vue) {
+	if (isTypescriptEnabled && options.configs.vue) {
 		options.configs.vue = options.configs.vue === true ? {} : options.configs.vue;
 		options.configs.vue.blockLang = { script: "ts" };
 	}

package/dist/index.mjs

@@ -3,7 +3,6 @@ import { isEnabled } from "./utils/isEnabled.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 { getNextConfig } from "./configs/next.mjs";
 import { getNodeConfig } from "./configs/node.mjs";
@@ -20,8 +19,9 @@ import { getMarkdownConfig } from "./configs/markdown.mjs";
 import { getTailwindConfig } from "./configs/tailwind.mjs";
 import { getStorybookConfig } from "./configs/storybook.mjs";
 import { getStylisticConfig } from "./configs/stylistic.mjs";
+import { getJavascriptConfig } from "./configs/javascript.mjs";
 import { getPlaywrightConfig } from "./configs/playwright.mjs";
-import { getTypeScriptConfig } from "./configs/typescript.mjs";
+import { getTypescriptConfig } from "./configs/typescript.mjs";
 import { getPackageJsonConfig } from "./configs/packageJson.mjs";
 import { getPerfectionistConfig } from "./configs/perfectionist.mjs";
 import { getIgnorePatterns } from "./helpers/ignores/getIgnorePatterns.mjs";
@@ -64,15 +64,15 @@ import { defineConfig as defineConfig$1, globalIgnores } from "eslint/config";
 */
 function defineConfig(...args) {
 	let options = {};
-	let configs = [];
+	let userConfigs = [];
 	const [firstArgument, secondArgument] = args;
-	if (Array.isArray(firstArgument)) configs = firstArgument;
+	if (Array.isArray(firstArgument)) userConfigs = firstArgument;
 	else if (firstArgument) {
 		options = firstArgument;
-		configs = secondArgument ?? [];
+		userConfigs = secondArgument ?? [];
 	}
 	const mergedOptions = mergeWithDefaults(options);
-	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 { gitignore, project: { rules, ignores, settings, linterOptions }, configs: { css, vue, zod, html, next, node, nuxt, react, astro, unicorn, importX, promise, baseline, markdown, tailwind, stylistic, typescript, packageJson, perfectionist, test: { vitest, cypress, storybook, playwright } } } = mergedOptions;
 	const ignorePatterns = getIgnorePatterns({
 		gitignore,
 		patterns: ignores
@@ -85,14 +85,14 @@ function defineConfig(...args) {
 			rules
 		},
 		globalIgnores(ignorePatterns, "shayanthenerd/ignores"),
-		getBaseConfig(mergedOptions),
-		isEnabled(typescript) && getTypeScriptConfig(mergedOptions),
+		getJavascriptConfig(mergedOptions),
+		isEnabled(typescript) && getTypescriptConfig(mergedOptions),
 		isEnabled(unicorn) && getUnicornConfig(mergedOptions),
 		isEnabled(promise) && getPromiseConfig(mergedOptions),
 		isEnabled(importX) && getImportXConfig(mergedOptions),
 		isEnabled(stylistic) && getStylisticConfig(mergedOptions),
 		isEnabled(perfectionist) && getPerfectionistConfig(mergedOptions),
-		isEnabled(useBaseline) && getBaselineConfig(mergedOptions),
+		isEnabled(baseline) && getBaselineConfig(mergedOptions),
 		isEnabled(node) && getNodeConfig(mergedOptions),
 		isEnabled(packageJson) && getPackageJsonConfig(mergedOptions),
 		isEnabled(markdown) && getMarkdownConfig(mergedOptions),
@@ -109,7 +109,7 @@ function defineConfig(...args) {
 		isEnabled(vitest) && getVitestConfig(mergedOptions),
 		isEnabled(cypress) && getCypressConfig(mergedOptions),
 		isEnabled(playwright) && getPlaywrightConfig(mergedOptions),
-		...configs
+		...userConfigs
 	].filter(isTruthy));
 }
 //#endregion

package/dist/rules/astro.mjs

@@ -1,7 +1,6 @@
+import { isEnabled } from "../utils/isEnabled.mjs";
 //#region src/rules/astro.ts
 const astroRules = {
-	"import-x/exports-last": "off",
-	"@stylistic/jsx-one-expression-per-line": "off",
 	"astro/missing-client-only-directive-value": "error",
 	"astro/no-conflict-set-directives": "error",
 	"astro/no-deprecated-astro-canonicalurl": "error",
@@ -54,7 +53,10 @@ const astroRules = {
 	"astro/jsx-a11y/scope": "error",
 	"astro/jsx-a11y/tabindex-no-positive": "warn"
 };
-function getAstroRules() {
+function getAstroRules(options) {
+	const { importX, stylistic } = options.configs;
+	if (isEnabled(importX)) astroRules["import-x/exports-last"] = "off";
+	if (isEnabled(stylistic)) astroRules["@stylistic/jsx-one-expression-per-line"] = "off";
 	return astroRules;
 }
 //#endregion