@shayanthenerd/eslint-config 0.32.0 → 0.33.0

package/README.md

@@ -25,40 +25,40 @@ ESLint configuration for enforcing best practices and maintaining a consistent c
 ## Plugin Support
 Legend:
 - ✅ — **Enabled** by default
+- 🔍 — [**Automatically detected**](#automatic-dependency-detection)
 - ⚙️ — **Opt-in** (requires manual configuration)
-- 🔍 — [**Automatically detected**](#automatic-dependency-detection) (based on project dependencies)
-
-| 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]                                                                                   |     🔍      |
-| [TanStack Start][plugin-tanstack-start], [TanStack Query][plugin-tanstack-query], [TanStack Router][plugin-tanstack-router]                                                                              |     🔍      |
-| [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] ([css/use-baseline], [@html-eslint/use-baseline], [@html-eslint/react/use-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-x])                                          |     🔍      |
+| [React][plugin-react] ([jsx-accessibility][plugin-jsx-a11y-x], [@html-eslint/react][plugin-html-react]) |     🔍      |
+| [Next][plugin-next]                                                                                     |     🔍      |
+| [TanStack Start][plugin-tanstack-start], [TanStack Query][plugin-tanstack-query], [TanStack Router][plugin-tanstack-router]                                                                                |     🔍      |
+| [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] ([css/use-baseline], [@html-eslint/use-baseline], [@html-eslint/react/use-baseline])                                                                                          |     🔍      |
 
 ## Installation and Configuration
 1. Install the package and ESLint as dev dependencies:
@@ -81,7 +81,7 @@ Legend:
      "scripts": {
        "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"
+       "lint:inspect": "pnpx @eslint/config-inspector"
      }
    }
    ```
@@ -214,8 +214,27 @@ For editor integration, to reduce noise and avoid inconsistent diagnostics from
 }
 ```
 
+### Astro
+The accessibility rules in [eslint-plugin-astro][plugin-astro] require [eslint-plugin-jsx-a11y-x][plugin-jsx-a11y-x] as a peer dependency. Install it with:
+```shell
+pnpm add -D eslint-plugin-jsx-a11y-x
+```
+When both `astro` and `eslint-plugin-jsx-a11y-x` are detected as dependencies, `configs.astro.accessibility` is set to `true` automatically. To disable the accessibility rules, set `configs.astro.accessibility` to `false`.
+
+### Vue
+[ESLint Stylistic][plugin-stylistic] and [eslint-plugin-vue][plugin-vue] don't format `<style>` blocks inside Vue SFCs. On the other hand, [Prettier][prettier] cannot be limited to just `<style>` blocks, and formats the whole file, including `<script>` and `<template>` blocks, which could conflict with ESLint. To work around this, you may use Tailwind, format styles manually, keep styles in separate `.css` files, or use Prettier and resolve any resulting conflicts.
+
+Read more about the formatting options and Prettier integration in the [Formatting](#formatting) section.
+
 ### Nuxt
-The required Nuxt configurations and rules are already included, so there's no need to install or configure the [@nuxt/eslint][eslint-nuxt] module.
+The required Nuxt configurations and rules are already included, so there's no need to use the [@nuxt/eslint][eslint-nuxt] module.
+
+### React/Next
+The required Next configurations and rules, including for core web vitals, are already provided, so there's no need to use [eslint-config-next][eslint-next]. Similarly, the React integration also provides React-specific configurations and rules for accessibility and React Hooks.
+
+### TanStack Start
+> [!NOTE]
+> The rules in [@tanstack/eslint-plugin-start][plugin-tanstack-start] require type information, and will be disabled automatically if the TypeScript integration is not enabled.
 
 ### Markdown
 Markdown linting is powered by [@eslint/markdown][plugin-md].
@@ -344,7 +363,7 @@ For file types that ESLint Stylistic does not handle—such as CSS, JSON, YAML,
      ```json title="package.json"
      {
        "scripts": {
-         "format": "prettier --write . '!**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx,html,vue,astro}' --cache"
+         "format": "prettier --write . '!pnpm-lock.yaml' '!**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx,html,vue,astro}' --cache"
        }
      }
      ```
@@ -427,7 +446,7 @@ For file types that ESLint Stylistic does not handle—such as CSS, JSON, YAML,
      ```json title="package.json"
      {
        "scripts": {
-         "format": "prettier --write . --cache",
+         "format": "prettier --write . '!pnpm-lock.yaml' --cache",
        }
      }
      ```
@@ -517,6 +536,7 @@ For file types that ESLint Stylistic does not handle—such as CSS, JSON, YAML,
 
     configs?: {
       astro?: boolean | {
+        accessibility?: boolean,
         overrides?: Overrides,
       },
       baseline?: boolean | {
@@ -537,6 +557,7 @@ For file types that ESLint Stylistic does not handle—such as CSS, JSON, YAML,
         overrides?: Overrides,
       },
       css?: boolean | {
+        allowedUnknownPseudoSelectors?: string[],
         overrides?: Overrides,
       },
       html?: boolean | {
@@ -574,6 +595,8 @@ For file types that ESLint Stylistic does not handle—such as CSS, JSON, YAML,
         overrides?: Overrides,
       },
       packageJson?: boolean | {
+        allowedDistTags?: string[],
+        allowedDistTagsFor?: ('dependencies' | 'devDependencies' | 'peerDependencies' | 'optionalDependencies')[],
         overrides?: Overrides,
       },
       perfectionist?: boolean | {
@@ -763,7 +786,7 @@ This project was inspired by the work of [Anthony Fu][antfu], whose generous con
 [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-jsx-a11y-x]: https://github.com/jsx-eslint/eslint-plugin-jsx-a11y-x
 [plugin-md]: https://github.com/eslint/markdown
 [plugin-n]: https://github.com/eslint-community/eslint-plugin-n
 [plugin-next]: https://github.com/vercel/next.js/tree/HEAD/packages/eslint-plugin-next
@@ -796,6 +819,7 @@ This project was inspired by the work of [Anthony Fu][antfu], whose generous con
 [eslint]: https://eslint.org
 [online-preview]: https://eslintconfig.netlify.app
 [eslint-config-ts-setup]: https://eslint.org/docs/latest/use/configure/configuration-files#typescript-configuration-files
+[eslint-next]: https://nextjs.org/docs/app/api-reference/config/eslint
 [eslint-nuxt]: https://eslint.nuxt.com
 [local-pkg]: https://github.com/antfu-collective/local-pkg
 [prettier]: https://prettier.io

package/dist/configs/astro.mjs

@@ -6,9 +6,10 @@ import * as eslintParserAstro from "astro-eslint-parser";
 import { mergeConfigs } from "eslint-flat-config-utils";
 import eslintPluginAstro from "eslint-plugin-astro";
 import { parser } from "typescript-eslint";
+import path from "node:path";
 //#region src/configs/astro.ts
 function getAstroConfig(options) {
-	const { astro } = options.configs;
+	const { tsConfig, configs: { astro } } = options;
 	const { overrides } = isEnabled(astro) ? astro : defaultOptions.configs.astro;
 	const astroConfig = {
 		name: "shayanthenerd/astro",
@@ -22,6 +23,9 @@ function getAstroConfig(options) {
 			parser: eslintParserAstro,
 			parserOptions: {
 				parser,
+				projectService: false,
+				project: tsConfig ? path.resolve(tsConfig.rootDir, tsConfig.filename) : void 0,
+				tsconfigRootDir: tsConfig ? path.resolve(tsConfig.rootDir) : void 0,
 				extraFileExtensions: [".astro"]
 			}
 		},

package/dist/configs/packageJson.mjs

@@ -13,7 +13,7 @@ function getPackageJsonConfig(options) {
 		files: [globs.packageJson],
 		plugins: { "package-json": eslintPluginPackageJson },
 		languageOptions: { parser: eslintPluginPackageJson.configs.recommended.languageOptions.parser },
-		rules: getPackageJsonRules()
+		rules: getPackageJsonRules(options)
 	};
 	return mergeConfigs(packageJsonConfig, overrides);
 }

package/dist/configs/react.mjs

@@ -4,7 +4,7 @@ import { isEnabled } from "../utils/isEnabled.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 eslintPluginJsxA11yX from "eslint-plugin-jsx-a11y-x";
 import eslintPluginReact from "@eslint-react/eslint-plugin";
 import eslintPluginHtmlReact from "@html-eslint/eslint-plugin-react";
 //#region src/configs/react.ts
@@ -18,7 +18,7 @@ function getReactConfig(options) {
 			"@eslint-react": eslintPluginReact,
 			"@html-eslint/react": eslintPluginHtmlReact,
 			...isEnabled(unicorn) && { unicorn: eslintPluginUnicorn },
-			...isEnabled(accessibility) && { "jsx-a11y": eslintPluginJsxA11y }
+			...isEnabled(accessibility) && { "jsx-a11y-x": eslintPluginJsxA11yX }
 		},
 		rules: getReactRules(options)
 	};

package/dist/configs/tailwind.mjs

@@ -14,6 +14,11 @@ const astroAttributes = {
 	name: "^class:list$",
 	match: [{ type: MatcherType.String }, { type: MatcherType.ObjectKey }]
 };
+const reactAttributes = {
+	kind: SelectorKind.Attribute,
+	name: "^(?:className|.*Class)$",
+	match: [{ type: MatcherType.String }, { type: MatcherType.ObjectKey }]
+};
 const vueAttributes = {
 	kind: SelectorKind.Attribute,
 	name: "^(?:v-bind:)?(exactActiveClass|activeClass|inactiveClass|active-class|inactive-class)$",
@@ -43,13 +48,14 @@ const nuxtUiAppConfigUiFields = {
 	}]
 };
 function getTailwindConfig(options) {
-	const { tsConfig, configs: { vue, nuxt, html, astro, tailwind } } = options;
+	const { tsConfig, configs: { vue, nuxt, html, astro, react, tailwind } } = options;
 	const { cwd, config, overrides, entryPoint } = isEnabled(tailwind) ? tailwind : defaultOptions.configs.tailwind;
 	const tsconfigPath = tsConfig ? path.resolve(tsConfig.rootDir, tsConfig.filename) : void 0;
 	const isNuxtUiEnabled = isEnabled(nuxt) && isEnabled(nuxt.ui);
 	const selectors = [
 		...getDefaultSelectors(),
 		isEnabled(astro) ? astroAttributes : void 0,
+		isEnabled(react) ? reactAttributes : void 0,
 		isEnabled(vue) ? vueAttributes : void 0,
 		isNuxtUiEnabled ? nuxtUiAttributes : void 0,
 		isNuxtUiEnabled ? nuxtUiAppConfigUiFields : void 0

package/dist/configs/typescript.mjs

@@ -8,26 +8,24 @@ import { parser, plugin } from "typescript-eslint";
 import path from "node:path";
 //#region src/configs/typescript.ts
 function getTypescriptConfig(options) {
-	const { tsConfig, configs: { vue, astro, typescript } } = options;
-	const { allowedDefaultProjects } = isEnabled(typescript) ? typescript : defaultOptions.configs.typescript;
+	const { tsConfig, configs: { vue, typescript } } = options;
+	const { allowedDefaultProjects: userAllowedDefaultProjects } = isEnabled(typescript) ? typescript : defaultOptions.configs.typescript;
 	const { overrides } = isEnabled(typescript) ? typescript : defaultOptions.configs.typescript;
 	const typescriptConfig = {
 		name: "shayanthenerd/typescript",
 		files: [
 			globs.src,
 			globs.jsxTsx,
-			isEnabled(vue) ? globs.vue : "",
-			isEnabled(astro) ? globs.astro : ""
+			isEnabled(vue) ? globs.vue : ""
 		].filter(isTruthy),
 		plugins: { "@typescript-eslint": plugin },
 		languageOptions: {
 			parser,
 			parserOptions: {
-				warnOnUnsupportedTypeScriptVersion: false,
 				tsconfigRootDir: tsConfig ? path.resolve(tsConfig.rootDir) : void 0,
 				projectService: {
 					defaultProject: tsConfig ? tsConfig.filename : void 0,
-					allowDefaultProject: ["{prettier,eslint}.config.?([mc])ts", ...allowedDefaultProjects]
+					allowDefaultProject: userAllowedDefaultProjects
 				}
 			}
 		},

package/dist/helpers/ignores/defaultIgnorePatterns.mjs

@@ -1,9 +1,7 @@
 //#region src/helpers/ignores/defaultIgnorePatterns.ts
 const defaultIgnorePatterns = [
-	"**/*.min.*",
 	"**/jspm_packages",
 	"**/pnpm-lock.yaml",
-	"**/bower_components",
 	"**/package-lock.json",
 	"**/typegen.d.ts",
 	"**/next-env.d.ts",
@@ -18,6 +16,7 @@ const defaultIgnorePatterns = [
 	"**/public",
 	"**/output",
 	"**/.output",
+	"**/*.min.*",
 	"**/.serverless",
 	"**/.eslint-config-inspector",
 	"**/tmp",
@@ -29,22 +28,18 @@ const defaultIgnorePatterns = [
 	"**/.cache",
 	"**/deno_dir",
 	"**/.parcel-cache",
-	"**/*.lerna_backup",
 	"**/.postcss-cache",
 	"**/.vitepress/cache",
 	"**/vite.config.*.timestamp-*",
 	"**/.nx",
 	"**/.vite",
-	"**/.yarn",
 	"**/.nuxt",
 	"**/.next",
 	"**/.astro",
 	"**/.vitest",
 	"**/.vercel",
-	"**/.svelte-kit",
 	"**/.vite-inspect",
 	"**/coverage",
-	"**/_fixtures",
 	"**/.nyc_output",
 	"**/__snapshots__",
 	"**/.idea",

package/dist/helpers/options/defaultOptions.mjs

@@ -34,7 +34,10 @@ const defaultOptions = {
 		settings: {}
 	},
 	configs: {
-		astro: { overrides: {} },
+		astro: {
+			accessibility: false,
+			overrides: {}
+		},
 		baseline: {
 			baseline: "widely",
 			css: {
@@ -52,7 +55,10 @@ const defaultOptions = {
 			},
 			overrides: {}
 		},
-		css: { overrides: {} },
+		css: {
+			allowedUnknownPseudoSelectors: [],
+			overrides: {}
+		},
 		html: {
 			idNamingConvention: "snake_case",
 			overrides: {}
@@ -77,7 +83,11 @@ const defaultOptions = {
 			ui: { prefix: "U" },
 			overrides: {}
 		},
-		packageJson: { overrides: {} },
+		packageJson: {
+			allowedDistTags: [],
+			allowedDistTagsFor: [],
+			overrides: {}
+		},
 		perfectionist: {
 			sortType: "line-length",
 			overrides: {}

package/dist/helpers/options/enableDetectedConfigs.mjs

@@ -7,8 +7,12 @@ function enableDetectedConfigs(options) {
 		"typescript": options.configs?.typescript === false,
 		"zod": options.configs?.zod === false,
 		"astro": options.configs?.astro === false,
+		"eslint-plugin-jsx-a11y-x": isEnabled(options.configs?.astro) && options.configs?.astro?.accessibility === false,
 		"react": options.configs?.react === false,
 		"next": options.configs?.next === false,
+		"@tanstack/react-router": isEnabled(options.configs?.tanstack) && options.configs?.tanstack?.router === false,
+		"@tanstack/react-start": isEnabled(options.configs?.tanstack) && options.configs?.tanstack?.start === false,
+		"@tanstack/react-query": isEnabled(options.configs?.tanstack) && options.configs?.tanstack?.query === false,
 		"vue": options.configs?.vue === false,
 		"nuxt": options.configs?.nuxt === false,
 		"@nuxt/ui": isEnabled(options.configs?.nuxt) && options.configs?.nuxt?.ui === false,
@@ -23,6 +27,7 @@ function enableDetectedConfigs(options) {
 		typescript: isPackageDetected("typescript", options),
 		zod: isPackageDetected("zod", options),
 		astro: isPackageDetected("astro", options),
+		eslintPluginJsxA11yX: isPackageDetected("eslint-plugin-jsx-a11y-x", options),
 		react: isPackageDetected("react", options),
 		next: isPackageDetected("next", options),
 		tanstackStart: isPackageDetected("@tanstack/react-start", options),
@@ -38,6 +43,8 @@ function enableDetectedConfigs(options) {
 		storybook: isPackageDetected("storybook", options),
 		playwright: isPackageDetected("@playwright/test", options)
 	};
+	options.autoDetectDeps ??= defaultOptions.autoDetectDeps;
+	options.env ??= defaultOptions.env;
 	options.configs ??= {};
 	options.configs.test ??= {};
 	options.configs.node ??= true;
@@ -50,7 +57,7 @@ function enableDetectedConfigs(options) {
 	options.configs.importX ??= true;
 	options.configs.stylistic ??= true;
 	options.configs.perfectionist ??= true;
-	options.configs.baseline ??= options.env === "browser";
+	options.configs.baseline ??= options.autoDetectDeps && options.env === "browser";
 	options.configs.typescript ??= autoDetectedPackages.typescript;
 	options.configs.zod ??= autoDetectedPackages.zod;
 	options.configs.astro ??= autoDetectedPackages.astro;
@@ -80,18 +87,22 @@ function enableDetectedConfigs(options) {
 		options.configs.vue = options.configs.vue === true ? {} : options.configs.vue;
 		options.configs.vue.blockLang = { script: "ts" };
 	}
-	if (options.configs.tanstack) {
-		if (options.configs.tanstack === true) options.configs.tanstack = {};
-		options.configs.tanstack.start ??= autoDetectedPackages.tanstackStart;
-		options.configs.tanstack.query ??= autoDetectedPackages.tanstackQuery;
-		options.configs.tanstack.router ??= autoDetectedPackages.tanstackRouter;
-	}
 	if (options.configs.nuxt) {
 		if (options.configs.nuxt === true) options.configs.nuxt = {};
 		options.configs.nuxt.ui ??= autoDetectedPackages.nuxtUI;
 		options.configs.nuxt.icon ??= autoDetectedPackages.nuxtIcon;
 		options.configs.nuxt.image ??= autoDetectedPackages.nuxtImage;
 	}
+	if (options.configs.astro) {
+		options.configs.astro = options.configs.astro === true ? {} : options.configs.astro;
+		options.configs.astro.accessibility ??= autoDetectedPackages.eslintPluginJsxA11yX;
+	}
+	if (options.configs.tanstack) {
+		if (options.configs.tanstack === true) options.configs.tanstack = {};
+		options.configs.tanstack.start ??= autoDetectedPackages.tanstackStart;
+		options.configs.tanstack.query ??= autoDetectedPackages.tanstackQuery;
+		options.configs.tanstack.router ??= autoDetectedPackages.tanstackRouter;
+	}
 	if (options.autoDetectDeps === "verbose") logDetectedPackages(explicitlyDisabledConfigs);
 	return options;
 }

package/dist/index.d.mts

@@ -35,6 +35,7 @@ import { Linter } from "eslint";
  *   ],
  * );
  */
+declare function defineConfig(): Linter.Config[];
 declare function defineConfig(options: Options): Linter.Config[];
 declare function defineConfig(configs: Linter.Config[]): Linter.Config[];
 declare function defineConfig(options: Options, configs: Linter.Config[]): Linter.Config[];

package/dist/rules/astro.mjs

@@ -1,60 +1,67 @@
+import { defaultOptions } from "../helpers/options/defaultOptions.mjs";
 import { isEnabled } from "../utils/isEnabled.mjs";
 //#region src/rules/astro.ts
-const astroRules = {
-	"astro/missing-client-only-directive-value": "error",
-	"astro/no-conflict-set-directives": "error",
-	"astro/no-deprecated-astro-canonicalurl": "error",
-	"astro/no-deprecated-astro-fetchcontent": "error",
-	"astro/no-deprecated-astro-resolve": "error",
-	"astro/no-deprecated-getentrybyslug": "error",
-	"astro/no-exports-from-components": "error",
-	"astro/no-prerender-export-outside-pages": "error",
-	"astro/no-unused-define-vars-in-style": "warn",
-	"astro/no-set-html-directive": "warn",
-	"astro/no-unsafe-inline-scripts": "warn",
-	"astro/no-set-text-directive": "warn",
-	"astro/no-unused-css-selector": "warn",
-	"astro/prefer-class-list-directive": "warn",
-	"astro/prefer-split-class-list": "warn",
-	"astro/jsx-a11y/alt-text": "error",
-	"astro/jsx-a11y/anchor-ambiguous-text": "warn",
-	"astro/jsx-a11y/anchor-has-content": "warn",
-	"astro/jsx-a11y/anchor-is-valid": "error",
-	"astro/jsx-a11y/aria-activedescendant-has-tabindex": "warn",
-	"astro/jsx-a11y/aria-props": "error",
-	"astro/jsx-a11y/aria-proptypes": "error",
-	"astro/jsx-a11y/aria-role": "warn",
-	"astro/jsx-a11y/aria-unsupported-elements": "error",
-	"astro/jsx-a11y/autocomplete-valid": "error",
-	"astro/jsx-a11y/click-events-have-key-events": "warn",
-	"astro/jsx-a11y/control-has-associated-label": "warn",
-	"astro/jsx-a11y/heading-has-content": "warn",
-	"astro/jsx-a11y/html-has-lang": "error",
-	"astro/jsx-a11y/iframe-has-title": "warn",
-	"astro/jsx-a11y/img-redundant-alt": "warn",
-	"astro/jsx-a11y/interactive-supports-focus": "warn",
-	"astro/jsx-a11y/label-has-associated-control": "warn",
-	"astro/jsx-a11y/lang": "error",
-	"astro/jsx-a11y/media-has-caption": "warn",
-	"astro/jsx-a11y/mouse-events-have-key-events": "warn",
-	"astro/jsx-a11y/no-access-key": "warn",
-	"astro/jsx-a11y/no-aria-hidden-on-focusable": "error",
-	"astro/jsx-a11y/no-autofocus": "warn",
-	"astro/jsx-a11y/no-distracting-elements": "warn",
-	"astro/jsx-a11y/no-interactive-element-to-noninteractive-role": "warn",
-	"astro/jsx-a11y/no-noninteractive-element-interactions": "warn",
-	"astro/jsx-a11y/no-noninteractive-element-to-interactive-role": "warn",
-	"astro/jsx-a11y/no-noninteractive-tabindex": "warn",
-	"astro/jsx-a11y/no-redundant-roles": "warn",
-	"astro/jsx-a11y/no-static-element-interactions": "warn",
-	"astro/jsx-a11y/prefer-tag-over-role": "warn",
-	"astro/jsx-a11y/role-has-required-aria-props": "warn",
-	"astro/jsx-a11y/role-supports-aria-props": "warn",
-	"astro/jsx-a11y/scope": "error",
-	"astro/jsx-a11y/tabindex-no-positive": "warn"
-};
 function getAstroRules(options) {
-	const { importX, stylistic } = options.configs;
+	const { astro, importX, stylistic } = options.configs;
+	const { semi } = isEnabled(stylistic) ? stylistic : defaultOptions.configs.stylistic;
+	const { accessibility } = isEnabled(astro) ? astro : defaultOptions.configs.astro;
+	const astroRules = {
+		"astro/missing-client-only-directive-value": "error",
+		"astro/no-conflict-set-directives": "error",
+		"astro/no-deprecated-astro-canonicalurl": "error",
+		"astro/no-deprecated-astro-fetchcontent": "error",
+		"astro/no-deprecated-astro-resolve": "error",
+		"astro/no-deprecated-getentrybyslug": "error",
+		"astro/no-exports-from-components": "error",
+		"astro/no-prerender-export-outside-pages": "error",
+		"astro/no-unused-define-vars-in-style": "warn",
+		"astro/no-set-html-directive": "warn",
+		"astro/no-unsafe-inline-scripts": "warn",
+		"astro/no-set-text-directive": "warn",
+		"astro/no-unused-css-selector": "warn",
+		"astro/prefer-class-list-directive": "warn",
+		"astro/prefer-split-class-list": "warn",
+		"astro/semi": ["warn", semi]
+	};
+	const astroJsxA11yRules = {
+		"astro/jsx-a11y/alt-text": "error",
+		"astro/jsx-a11y/anchor-ambiguous-text": "warn",
+		"astro/jsx-a11y/anchor-has-content": "warn",
+		"astro/jsx-a11y/anchor-is-valid": "error",
+		"astro/jsx-a11y/aria-activedescendant-has-tabindex": "warn",
+		"astro/jsx-a11y/aria-props": "error",
+		"astro/jsx-a11y/aria-proptypes": "error",
+		"astro/jsx-a11y/aria-role": "warn",
+		"astro/jsx-a11y/aria-unsupported-elements": "error",
+		"astro/jsx-a11y/autocomplete-valid": "error",
+		"astro/jsx-a11y/click-events-have-key-events": "warn",
+		"astro/jsx-a11y/control-has-associated-label": "warn",
+		"astro/jsx-a11y/heading-has-content": "warn",
+		"astro/jsx-a11y/html-has-lang": "error",
+		"astro/jsx-a11y/iframe-has-title": "warn",
+		"astro/jsx-a11y/img-redundant-alt": "warn",
+		"astro/jsx-a11y/interactive-supports-focus": "warn",
+		"astro/jsx-a11y/label-has-associated-control": "warn",
+		"astro/jsx-a11y/lang": "error",
+		"astro/jsx-a11y/media-has-caption": "warn",
+		"astro/jsx-a11y/mouse-events-have-key-events": "warn",
+		"astro/jsx-a11y/no-access-key": "warn",
+		"astro/jsx-a11y/no-aria-hidden-on-focusable": "error",
+		"astro/jsx-a11y/no-autofocus": "warn",
+		"astro/jsx-a11y/no-distracting-elements": "warn",
+		"astro/jsx-a11y/no-interactive-element-to-noninteractive-role": "warn",
+		"astro/jsx-a11y/no-noninteractive-element-interactions": "warn",
+		"astro/jsx-a11y/no-noninteractive-element-to-interactive-role": "warn",
+		"astro/jsx-a11y/no-noninteractive-tabindex": "warn",
+		"astro/jsx-a11y/no-redundant-roles": "warn",
+		"astro/jsx-a11y/no-static-element-interactions": "warn",
+		"astro/jsx-a11y/prefer-tag-over-role": "warn",
+		"astro/jsx-a11y/role-has-required-aria-props": "warn",
+		"astro/jsx-a11y/role-supports-aria-props": "warn",
+		"astro/jsx-a11y/scope": "error",
+		"astro/jsx-a11y/tabindex-no-positive": "warn"
+	};
+	if (isEnabled(accessibility)) Object.assign(astroRules, astroJsxA11yRules);
 	if (isEnabled(importX)) astroRules["import-x/exports-last"] = "off";
 	if (isEnabled(stylistic)) astroRules["@stylistic/jsx-one-expression-per-line"] = "off";
 	return astroRules;

package/dist/rules/baseline.mjs

@@ -14,7 +14,7 @@ function getBaselineRules(options) {
 			baseline,
 			includeWebApis: { preset: "auto" },
 			includeJsBuiltins: { preset: "auto" },
-			ignoreFeatures: userIgnoredFeatures,
+			ignoreFeatures: ["async-clipboard", ...userIgnoredFeatures],
 			ignoreNodeTypes: userIgnoredNodeTypes
 		}]
 	};

package/dist/rules/css.mjs

@@ -1,5 +1,6 @@
 import { defaultOptions } from "../helpers/options/defaultOptions.mjs";
 import { isEnabled } from "../utils/isEnabled.mjs";
+import { isTruthy } from "../utils/isTruthy.mjs";
 //#region src/rules/css.ts
 const allowedPhysicalUnits = [
 	"cqh",
@@ -46,7 +47,8 @@ const allowedPhysicalProperties = [
 	"contain-intrinsic-height"
 ];
 function getCssRules(options) {
-	const { unicorn, tailwind, baseline } = options.configs;
+	const { css, vue, unicorn, tailwind, baseline } = options.configs;
+	const { allowedUnknownPseudoSelectors: userAllowedUnknownPseudoSelectors } = isEnabled(css) ? css : defaultOptions.configs.css;
 	const { allowedAtRules: userAllowedAtRules, allowedFunctions: userAllowedFunctions, allowedMediaConditions: userAllowedMediaConditions, allowedProperties: userAllowedProperties, allowedPropertyValues: userAllowedPropertyValues, allowedSelectors: userAllowedSelectors, allowedUnits: userAllowedUnits } = isEnabled(baseline) ? baseline.css : defaultOptions.configs.baseline.css;
 	const cssRules = {
 		"css/font-family-fallbacks": "warn",
@@ -82,15 +84,41 @@ function getCssRules(options) {
 			allowFunctions: userAllowedFunctions,
 			allowMediaConditions: userAllowedMediaConditions,
 			allowProperties: userAllowedProperties,
-			allowPropertyValues: userAllowedPropertyValues,
-			allowSelectors: userAllowedSelectors,
+			allowPropertyValues: {
+				"background-clip": ["text"],
+				...userAllowedPropertyValues
+			},
+			allowSelectors: ["selection", ...userAllowedSelectors],
 			allowUnits: userAllowedUnits
 		}] : "off"
 	};
-	if (isEnabled(unicorn)) {
-		cssRules["unicorn/no-shorthand-property-overrides"] = "warn";
-		cssRules["unicorn/prefer-explicit-viewport-units"] = "warn";
-	}
+	const unicornRules = {
+		"unicorn/no-deprecated-css-features": "error",
+		"unicorn/no-duplicate-css-selectors": "warn",
+		"unicorn/no-duplicate-font-family-names": "error",
+		"unicorn/no-invalid-media-features": "error",
+		"unicorn/no-nesting-with-mixed-specificity": "warn",
+		"unicorn/no-redundant-nested-style-rules": "warn",
+		"unicorn/no-shorthand-property-overrides": "warn",
+		"unicorn/no-unknown-css-annotations": "error",
+		"unicorn/no-unknown-pseudo-selectors": ["error", { allow: [
+			"::-ms-reveal",
+			":-webkit-autofill",
+			"::-webkit-inner-spin-button",
+			"::-webkit-search-cancel-button",
+			"::-webkit-search-results-button",
+			...isEnabled(vue) ? [
+				":deep",
+				":global",
+				":slotted"
+			] : [],
+			...userAllowedUnknownPseudoSelectors
+		].filter(isTruthy) }],
+		"unicorn/no-unscoped-css-nesting-selector": isEnabled(tailwind) ? ["error", { scopingRootAtRules: ["utility", "custom-variant"] }] : "error",
+		"unicorn/prefer-explicit-viewport-units": "warn",
+		"unicorn/prefer-media-feature-range-syntax": "warn"
+	};
+	if (isEnabled(unicorn)) Object.assign(cssRules, unicornRules);
 	return cssRules;
 }
 //#endregion