@shayanthenerd/eslint-config 0.26.0 → 0.26.2

package/README.md

@@ -6,7 +6,7 @@ ESLint configuration for enforcing best practices and maintaining a consistent c
 - **Smart**: Context-aware linting with [automatic dependency detection](#automatic-dependency-detection) and _.gitignore_ recognition.
 - **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)
+- **Modern**: Requires ESLint ^10.6.0 and Node.js ^20.19.0 (ESM-only)
 
 ## Table of Contents
 - [Plugin Support](#plugin-support)
@@ -27,7 +27,7 @@ ESLint configuration for enforcing best practices and maintaining a consistent c
 Legend:
 - ✅ Enabled by default
 - ❌ Disabled by default
-- 🔎 [Automatically detected](#automatic-dependency-detection) (`autoDetectDeps: true`, `env: 'browser'` for Baseline)
+- 🔎 [Automatically detected](#automatic-dependency-detection)
 
 | Category                                                                                              | Activation |
 | :---------------------------------------------------------------------------------------------------- | :--------: |
@@ -175,6 +175,8 @@ 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).
+
 To opt out of this behavior, either [globally disable automatic dependency detection](#customization) or manually disable the unwanted integrations that were enabled automatically.
 
 ## Framework and Tool Integrations
@@ -228,7 +230,15 @@ By default, the plugin uses GitHub Flavored Markdown (GFM). You can [switch to C
 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).
 
 ## IDE Support
-Install the VS Code extensions for [ESLint][extension-eslint] and [Prettier][extension-prettier]. Then add the following in _.vscode/settings.json_:
+Install the VS Code extensions for [ESLint][extension-eslint] and [Prettier][extension-prettier].
+> [!TIP]
+> In case you're using PNPM without `shamefullyHoist: true`, add the following to your _pnpm-workspace.yaml_ and run `pnpm install --yes` so ESLint's VS Code extension works as expected:
+> ```yaml title="pnpm-workspace.yaml"
+> publicHoistPattern:
+>   - '*eslint*'
+> ```
+
+You can also add the following to your _.vscode/settings.json_:
 ```jsonc title=".vscode/settings.json"
 {
   /* Enforce Unix-like line endings (LF). */
@@ -284,9 +294,6 @@ Install the VS Code extensions for [ESLint][extension-eslint] and [Prettier][ext
 }
 ```
 
-> [!TIP]
-> These settings match the default behavior of this configuration. If you've customized any formatting or stylistic rules, update the corresponding editor settings to keep them consistent.
-
 ## Formatting
 This configuration uses [ESLint Stylistic][plugin-stylistic] to format:
 - JavaScript and TypeScript (_js_, _cjs_, _mjs_, _jsx_, _ts_, _cts_, _mts_, _tsx_),

package/dist/configs/html.mjs

@@ -11,7 +11,7 @@ function getHtmlConfig(options) {
 	const { overrides } = isEnabled(html) ? html : defaultOptions.configs.html;
 	return mergeConfigs({
 		name: "shayanthenerd/html",
-		files: [globs.src, globs.html],
+		files: [globs.html],
 		plugins: {
 			"@html-eslint": eslintPluginHtml,
 			...isEnabled(unicorn) && { unicorn: eslintPluginUnicorn }

package/dist/configs/react.mjs

@@ -16,11 +16,9 @@ function getReactConfig(options) {
 		files: [globs.src],
 		plugins: {
 			"@eslint-react": eslintPluginReact,
+			"@html-eslint/react": eslintPluginHtmlReact,
 			...isEnabled(unicorn) && { unicorn: eslintPluginUnicorn },
-			...isEnabled(accessibility) && {
-				"jsx-a11y": eslintPluginJsxA11y,
-				"@html-eslint/react": eslintPluginHtmlReact
-			}
+			...isEnabled(accessibility) && { "jsx-a11y": eslintPluginJsxA11y }
 		},
 		rules: getReactRules(options)
 	}, overrides);

package/dist/configs/vue.mjs

@@ -2,7 +2,6 @@ import { globs } from "../helpers/globs.mjs";
 import { isEnabled } from "../utils/isEnabled.mjs";
 import { defaultOptions } from "../helpers/options/defaultOptions.mjs";
 import { getVueRules } from "../rules/vue.mjs";
-import { getVueAccessibilityRules } from "../rules/vueAccessibility.mjs";
 import { mergeConfigs } from "eslint-flat-config-utils";
 import eslintPluginVue from "eslint-plugin-vue";
 import { parser } from "typescript-eslint";
@@ -30,10 +29,7 @@ function getVueConfig(options) {
 				vueFeatures: { filter: false }
 			}
 		},
-		rules: {
-			...getVueRules(options),
-			...isVueAccessibilityEnabled && getVueAccessibilityRules(options)
-		}
+		rules: getVueRules(options)
 	}, overrides);
 }
 //#endregion

package/dist/helpers/ignores/defaultIgnorePatterns.mjs

@@ -8,6 +8,7 @@ const defaultIgnorePatterns = [
 	"**/typegen.d.ts",
 	"**/next-env.d.ts",
 	"**/components.d.ts",
+	"**/routeTree.gen.ts",
 	"**/auto-import?(s).d.ts",
 	"**/out",
 	"**/dist",

package/dist/helpers/isPackageDetected.mjs

@@ -4,10 +4,11 @@ import { styleText } from "node:util";
 import { isPackageExists } from "local-pkg";
 //#region src/helpers/isPackageDetected.ts
 const detectedPackages = [];
-function logDetectedPackages() {
-	if (detectedPackages.length > 0) {
-		detectedPackages.sort();
-		console.info(`${styleText("green", "✔")} Active ESLint integrations:`, detectedPackages.map((packageName) => styleText("blue", packageName)).join(", "));
+function logDetectedPackages(disabledConfigs) {
+	const nonDisabledDetectedPackages = detectedPackages.filter((packageName) => !disabledConfigs[packageName]);
+	if (nonDisabledDetectedPackages.length > 0) {
+		nonDisabledDetectedPackages.sort();
+		console.info(`${styleText("green", "✔")} ESLint integrations enabled via dependency detection:`, nonDisabledDetectedPackages.map((packageName) => styleText("blue", packageName)).join(", "));
 	}
 }
 function isPackageDetected(packageName, options) {

package/dist/helpers/options/enableDetectedConfigs.mjs

@@ -1,7 +1,24 @@
+import { isEnabled } from "../../utils/isEnabled.mjs";
 import { isPackageDetected, logDetectedPackages } from "../isPackageDetected.mjs";
 //#region src/helpers/options/enableDetectedConfigs.ts
 function enableDetectedConfigs(options) {
-	const autoDetectedDeps = {
+	const explicitlyDisabledConfigs = {
+		"typescript": options.configs?.typescript === false,
+		"zod": options.configs?.zod === false,
+		"astro": options.configs?.astro === false,
+		"react": options.configs?.react === false,
+		"next": options.configs?.next === false,
+		"vue": options.configs?.vue === false,
+		"nuxt": options.configs?.nuxt === false,
+		"@nuxt/ui": isEnabled(options.configs?.nuxt) && options.configs?.nuxt?.ui === false,
+		"@nuxt/icon": isEnabled(options.configs?.nuxt) && options.configs?.nuxt?.icon === false,
+		"@nuxt/image": isEnabled(options.configs?.nuxt) && options.configs?.nuxt?.image === false,
+		"vitest": options.configs?.test?.vitest === false,
+		"cypress": options.configs?.test?.cypress === false,
+		"storybook": options.configs?.test?.storybook === false,
+		"@playwright/test": options.configs?.test?.playwright === false
+	};
+	const autoDetectedPackages = {
 		typescript: isPackageDetected("typescript", options),
 		zod: isPackageDetected("zod", options),
 		astro: isPackageDetected("astro", options),
@@ -30,17 +47,17 @@ function enableDetectedConfigs(options) {
 	options.configs.stylistic ??= true;
 	options.configs.perfectionist ??= true;
 	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.configs.typescript ??= autoDetectedPackages.typescript;
+	options.configs.zod ??= autoDetectedPackages.zod;
+	options.configs.astro ??= autoDetectedPackages.astro;
+	options.configs.vue ??= autoDetectedPackages.vue;
+	options.configs.nuxt ??= autoDetectedPackages.nuxt;
+	options.configs.react ??= autoDetectedPackages.react;
+	options.configs.next ??= autoDetectedPackages.next;
+	options.configs.test.vitest ??= autoDetectedPackages.vitest;
+	options.configs.test.cypress ??= autoDetectedPackages.cypress;
+	options.configs.test.storybook ??= autoDetectedPackages.storybook;
+	options.configs.test.playwright ??= autoDetectedPackages.playwright;
 	options.tsConfig ??= options.configs.typescript ? {
 		rootDir: ".",
 		filename: "tsconfig.json"
@@ -51,11 +68,11 @@ function enableDetectedConfigs(options) {
 	}
 	if (options.configs.nuxt) {
 		if (options.configs.nuxt === true) options.configs.nuxt = {};
-		options.configs.nuxt.ui ??= autoDetectedDeps.nuxtUI;
-		options.configs.nuxt.icon ??= autoDetectedDeps.nuxtIcon;
-		options.configs.nuxt.image ??= autoDetectedDeps.nuxtImage;
+		options.configs.nuxt.ui ??= autoDetectedPackages.nuxtUI;
+		options.configs.nuxt.icon ??= autoDetectedPackages.nuxtIcon;
+		options.configs.nuxt.image ??= autoDetectedPackages.nuxtImage;
 	}
-	if (options.autoDetectDeps === "verbose") logDetectedPackages();
+	if (options.autoDetectDeps === "verbose") logDetectedPackages(explicitlyDisabledConfigs);
 	return options;
 }
 //#endregion

package/dist/rules/html.mjs

@@ -12,6 +12,7 @@ function getHtmlRules(options) {
 		"@html-eslint/no-duplicate-id": "error",
 		"@html-eslint/no-duplicate-in-head": "error",
 		"@html-eslint/no-ineffective-attrs": "warn",
+		"@html-eslint/no-inline-styles": ["warn", { allowExpressions: true }],
 		"@html-eslint/no-invalid-attr-value": "error",
 		"@html-eslint/no-invalid-entity": "error",
 		"@html-eslint/no-nested-interactive": "error",

package/dist/rules/javascript.mjs

@@ -16,7 +16,7 @@ function getJavaScriptRules(options) {
 		"no-compare-neg-zero": "error",
 		"no-cond-assign": "error",
 		"no-const-assign": isTypeScriptEnabled ? "off" : "error",
-		"no-constant-binary-expression": "error",
+		"no-constant-binary-expression": ["error", { checkRelationalComparisons: true }],
 		"no-constant-condition": "error",
 		"no-constructor-return": "error",
 		"no-control-regex": "error",

package/dist/rules/node.mjs

@@ -15,7 +15,7 @@ function getNodeRules(options) {
 		"n/no-unpublished-import": "error",
 		"n/no-unsupported-features/es-builtins": "error",
 		"n/no-unsupported-features/es-syntax": "error",
-		"n/no-unsupported-features/node-builtins": "error",
+		"n/no-unsupported-features/node-builtins": ["error", { allowExperimental: true }],
 		"n/prefer-global/buffer": "warn",
 		"n/prefer-global/console": "warn",
 		"n/prefer-global/crypto": "warn",

package/dist/rules/packageJson.mjs

@@ -64,9 +64,28 @@ const packageJsonRules = {
 	] }],
 	"package-json/scripts-name-casing": "warn",
 	"package-json/sort-collections": ["warn", [
+		{
+			key: "author",
+			order: [
+				"name",
+				"email",
+				"url"
+			]
+		},
+		{
+			key: "bugs",
+			order: ["email", "url"]
+		},
 		"config",
 		"dependencies",
+		"devEngines",
 		"devDependencies",
+		"directories",
+		{
+			key: "dist",
+			order: ["shasum", "tarball"]
+		},
+		"engines",
 		"exports",
 		"husky",
 		"husky.hooks",
@@ -76,6 +95,15 @@ const packageJsonRules = {
 		"overrides",
 		"peerDependencies",
 		"peerDependenciesMeta",
+		{
+			key: "repository",
+			order: [
+				"type",
+				"url",
+				"directory"
+			]
+		},
+		"release",
 		"simple-git-hooks"
 	]],
 	"package-json/specify-peers-locally": "warn",

package/dist/rules/react.mjs

@@ -16,7 +16,48 @@ const commonCallees = [
 function getReactRules(options) {
 	const { react, unicorn, tailwind, useBaseline } = options.configs;
 	const { imageComponents: userImageComponents, anchorComponents: userAnchorComponents, headingComponents: userHeadingComponents } = isEnabled(react) && isEnabled(react.accessibility) ? react.accessibility : defaultOptions.configs.react.accessibility;
-	const reactRules = {
+	const jsxA11yRules = {
+		"jsx-a11y/alt-text": ["error", { img: userImageComponents }],
+		"jsx-a11y/anchor-ambiguous-text": "warn",
+		"jsx-a11y/anchor-has-content": ["error", { components: userAnchorComponents }],
+		"jsx-a11y/anchor-is-valid": ["error", {
+			specialLink: ["to"],
+			components: userAnchorComponents
+		}],
+		"jsx-a11y/aria-activedescendant-has-tabindex": "error",
+		"jsx-a11y/aria-props": "error",
+		"jsx-a11y/aria-proptypes": "error",
+		"jsx-a11y/aria-role": "error",
+		"jsx-a11y/aria-unsupported-elements": "error",
+		"jsx-a11y/autocomplete-valid": "error",
+		"jsx-a11y/click-events-have-key-events": "error",
+		"jsx-a11y/control-has-associated-label": "error",
+		"jsx-a11y/heading-has-content": ["error", { components: userHeadingComponents }],
+		"jsx-a11y/html-has-lang": "error",
+		"jsx-a11y/iframe-has-title": "error",
+		"jsx-a11y/img-redundant-alt": ["error", { components: userImageComponents }],
+		"jsx-a11y/interactive-supports-focus": "error",
+		"jsx-a11y/label-has-associated-control": "error",
+		"jsx-a11y/lang": "error",
+		"jsx-a11y/media-has-caption": "error",
+		"jsx-a11y/mouse-events-have-key-events": "error",
+		"jsx-a11y/no-access-key": "warn",
+		"jsx-a11y/no-aria-hidden-on-focusable": "error",
+		"jsx-a11y/no-autofocus": "warn",
+		"jsx-a11y/no-distracting-elements": "warn",
+		"jsx-a11y/no-interactive-element-to-noninteractive-role": "error",
+		"jsx-a11y/no-noninteractive-element-interactions": "error",
+		"jsx-a11y/no-noninteractive-element-to-interactive-role": "error",
+		"jsx-a11y/no-noninteractive-tabindex": "error",
+		"jsx-a11y/no-redundant-roles": "warn",
+		"jsx-a11y/no-static-element-interactions": "warn",
+		"jsx-a11y/prefer-tag-over-role": "warn",
+		"jsx-a11y/role-has-required-aria-props": "warn",
+		"jsx-a11y/role-supports-aria-props": "warn",
+		"jsx-a11y/scope": "error",
+		"jsx-a11y/tabindex-no-positive": "error"
+	};
+	const reactAndHtmlReactRules = {
 		/*** @eslint/react ***/
 		"@eslint-react/error-boundaries": "error",
 		"@eslint-react/exhaustive-deps": "error",
@@ -103,46 +144,6 @@ function getReactRules(options) {
 		"@eslint-react/naming-convention-context-name": "warn",
 		"@eslint-react/naming-convention-id-name": "warn",
 		"@eslint-react/naming-convention-ref-name": "warn",
-		/*** jsx-a11y ***/
-		"jsx-a11y/alt-text": ["error", { img: userImageComponents }],
-		"jsx-a11y/anchor-ambiguous-text": "warn",
-		"jsx-a11y/anchor-has-content": ["error", { components: userAnchorComponents }],
-		"jsx-a11y/anchor-is-valid": ["error", {
-			specialLink: ["to"],
-			components: userAnchorComponents
-		}],
-		"jsx-a11y/aria-activedescendant-has-tabindex": "error",
-		"jsx-a11y/aria-props": "error",
-		"jsx-a11y/aria-proptypes": "error",
-		"jsx-a11y/aria-role": "error",
-		"jsx-a11y/aria-unsupported-elements": "error",
-		"jsx-a11y/autocomplete-valid": "error",
-		"jsx-a11y/click-events-have-key-events": "error",
-		"jsx-a11y/control-has-associated-label": "error",
-		"jsx-a11y/heading-has-content": ["error", { components: userHeadingComponents }],
-		"jsx-a11y/html-has-lang": "error",
-		"jsx-a11y/iframe-has-title": "error",
-		"jsx-a11y/img-redundant-alt": ["error", { components: userImageComponents }],
-		"jsx-a11y/interactive-supports-focus": "error",
-		"jsx-a11y/label-has-associated-control": "error",
-		"jsx-a11y/lang": "error",
-		"jsx-a11y/media-has-caption": "error",
-		"jsx-a11y/mouse-events-have-key-events": "error",
-		"jsx-a11y/no-access-key": "warn",
-		"jsx-a11y/no-aria-hidden-on-focusable": "error",
-		"jsx-a11y/no-autofocus": "warn",
-		"jsx-a11y/no-distracting-elements": "warn",
-		"jsx-a11y/no-interactive-element-to-noninteractive-role": "error",
-		"jsx-a11y/no-noninteractive-element-interactions": "error",
-		"jsx-a11y/no-noninteractive-element-to-interactive-role": "error",
-		"jsx-a11y/no-noninteractive-tabindex": "error",
-		"jsx-a11y/no-redundant-roles": "warn",
-		"jsx-a11y/no-static-element-interactions": "warn",
-		"jsx-a11y/prefer-tag-over-role": "warn",
-		"jsx-a11y/role-has-required-aria-props": "warn",
-		"jsx-a11y/role-supports-aria-props": "warn",
-		"jsx-a11y/scope": "error",
-		"jsx-a11y/tabindex-no-positive": "error",
 		/*** @html-eslint/react ***/
 		"@html-eslint/react/no-invalid-attr-value": "error",
 		"@html-eslint/react/use-baseline": isEnabled(useBaseline) ? ["warn", { available: useBaseline.baseline }] : "off",
@@ -152,9 +153,13 @@ function getReactRules(options) {
 		"@html-eslint/react/classname-spacing": ["warn", { callees: commonCallees }],
 		"@html-eslint/react/no-duplicate-classname": ["warn", { callees: commonCallees }]
 	};
-	if (isEnabled(tailwind)) reactRules["better-tailwindcss/no-duplicate-classes"] = "off";
-	if (isEnabled(unicorn)) reactRules["unicorn/no-invalid-file-input-accept"] = "error";
-	return reactRules;
+	if (isEnabled(tailwind)) reactAndHtmlReactRules["better-tailwindcss/no-duplicate-classes"] = "off";
+	if (isEnabled(unicorn)) reactAndHtmlReactRules["unicorn/no-invalid-file-input-accept"] = "error";
+	const isReactAccessibilityEnabled = isEnabled(react) && isEnabled(react.accessibility);
+	return {
+		...reactAndHtmlReactRules,
+		...isReactAccessibilityEnabled && jsxA11yRules
+	};
 }
 //#endregion
 export { getReactRules };

package/dist/rules/unicorn.mjs

@@ -14,6 +14,7 @@ const unicornRules = {
 	"unicorn/consistent-json-file-read": "error",
 	"unicorn/consistent-optional-chaining": "warn",
 	"unicorn/consistent-template-literal-escape": "warn",
+	"unicorn/consistent-tuple-labels": "warn",
 	"unicorn/custom-error-definition": "error",
 	"unicorn/dom-node-dataset": "warn",
 	"unicorn/empty-brace-spaces": "warn",
@@ -59,7 +60,9 @@ const unicornRules = {
 	"unicorn/no-invalid-character-comparison": "error",
 	"unicorn/no-invalid-fetch-options": "error",
 	"unicorn/no-invalid-remove-event-listener": "error",
+	"unicorn/no-invalid-well-known-symbol-methods": "error",
 	"unicorn/no-late-current-target-access": "warn",
+	"unicorn/no-late-event-control": "error",
 	"unicorn/no-lonely-if": "warn",
 	"unicorn/no-loop-iterable-mutation": "warn",
 	"unicorn/no-magic-array-flat-depth": "warn",
@@ -75,6 +78,7 @@ const unicornRules = {
 	"unicorn/no-object-methods-with-collections": "warn",
 	"unicorn/no-optional-chaining-on-undeclared-variable": "error",
 	"unicorn/no-redundant-comparison": "warn",
+	"unicorn/no-return-array-push": "warn",
 	"unicorn/no-selector-as-dom-name": "error",
 	"unicorn/no-single-promise-in-promise-methods": "warn",
 	"unicorn/no-static-only-class": "warn",
@@ -122,8 +126,10 @@ const unicornRules = {
 	"unicorn/no-zero-fractions": "warn",
 	"unicorn/number-literal-case": "warn",
 	"unicorn/numeric-separators-style": "warn",
+	"unicorn/prefer-abort-signal-timeout": "warn",
 	"unicorn/prefer-add-event-listener": "warn",
 	"unicorn/prefer-add-event-listener-options": "warn",
+	"unicorn/prefer-aggregate-error": "warn",
 	"unicorn/prefer-array-flat": "warn",
 	"unicorn/prefer-array-flat-map": "warn",
 	"unicorn/prefer-array-from-async": "warn",
@@ -147,7 +153,9 @@ const unicornRules = {
 	"unicorn/prefer-dom-node-append": "warn",
 	"unicorn/prefer-dom-node-html-methods": "warn",
 	"unicorn/prefer-dom-node-remove": "warn",
+	"unicorn/prefer-dom-node-replace-children": "warn",
 	"unicorn/prefer-dom-node-text-content": "warn",
+	"unicorn/prefer-error-is-error": "error",
 	"unicorn/prefer-event-target": "warn",
 	"unicorn/prefer-export-from": ["warn", { checkUsedVariables: false }],
 	"unicorn/prefer-flat-math-min-max": "warn",
@@ -184,9 +192,11 @@ const unicornRules = {
 	"unicorn/prefer-object-destructuring-defaults": "warn",
 	"unicorn/prefer-object-from-entries": "warn",
 	"unicorn/prefer-object-iterable-methods": "warn",
+	"unicorn/prefer-observer-apis": "warn",
 	"unicorn/prefer-optional-catch-binding": "warn",
 	"unicorn/prefer-path2d": "warn",
 	"unicorn/prefer-private-class-fields": "warn",
+	"unicorn/prefer-promise-try": "warn",
 	"unicorn/prefer-promise-with-resolvers": "warn",
 	"unicorn/prefer-queue-microtask": "warn",
 	"unicorn/prefer-reflect-apply": "warn",
@@ -194,6 +204,7 @@ const unicornRules = {
 	"unicorn/prefer-regexp-test": "warn",
 	"unicorn/prefer-response-static-json": "warn",
 	"unicorn/prefer-scoped-selector": "warn",
+	"unicorn/prefer-set-methods": "warn",
 	"unicorn/prefer-set-size": "warn",
 	"unicorn/prefer-simple-condition-first": "warn",
 	"unicorn/prefer-simple-sort-comparator": "warn",
@@ -212,12 +223,14 @@ const unicornRules = {
 	"unicorn/prefer-string-trim-start-end": "warn",
 	"unicorn/prefer-structured-clone": "warn",
 	"unicorn/prefer-temporal": "warn",
+	"unicorn/prefer-toggle-attribute": "warn",
 	"unicorn/prefer-top-level-await": "warn",
 	"unicorn/prefer-type-error": "warn",
 	"unicorn/prefer-uint8array-base64": "warn",
 	"unicorn/prefer-unary-minus": "warn",
 	"unicorn/prefer-url-can-parse": "warn",
 	"unicorn/prefer-url-href": "warn",
+	"unicorn/prefer-url-search-parameters": "warn",
 	"unicorn/prefer-while-loop-condition": "warn",
 	"unicorn/relative-url-style": "warn",
 	"unicorn/require-array-join-separator": "warn",

package/dist/rules/vue.mjs

@@ -8,6 +8,7 @@ function getVueRules(options) {
 	const { typescript, stylistic, vue, nuxt } = options.configs;
 	const { indent, trailingComma, maxLineLength, maxAttributesPerLine, maxConsecutiveEmptyLines, selfCloseVoidHtmlElements } = isEnabled(stylistic) ? stylistic : defaultOptions.configs.stylistic;
 	const { blockLang, blocksOrder, macrosOrder, attributesOrder, destructureProps, vForDelimiterStyle, attributeHyphenation, allowedStyleAttributes, preferVBindTrueShorthand, componentNameCaseInTemplate, preferVBindSameNameShorthand, restrictedElements: userRestrictedElements, ignoredUndefinedComponents: userIgnoredUndefinedComponents, restrictedStaticAttributes: userRestrictedStaticAttributes } = isEnabled(vue) ? vue : defaultOptions.configs.vue;
+	const { imageComponents: userImageComponents, anchorComponents: userAnchorComponents, accessibleChildComponents: userAccessibleChildComponents } = isEnabled(vue) && isEnabled(vue.accessibility) ? vue.accessibility : defaultOptions.configs.vue.accessibility;
 	const isNuxtEnabled = isEnabled(nuxt);
 	const isNuxtImageEnabled = isNuxtEnabled ? nuxt.image : void 0;
 	const isNuxtUIEnabled = isNuxtEnabled ? nuxt.ui : void 0;
@@ -18,8 +19,43 @@ function getVueRules(options) {
 	const restrictedVueInputs = isNuxtUIEnabled ? getRestrictedVueInputs(nuxtUIPrefix) : [];
 	const isScriptLangTS = blockLang.script === "ts";
 	const isStyleLangImplicit = blockLang.style === "implicit";
-	return {
-		"@stylistic/max-len": "off",
+	const vueAccessibilityRules = {
+		"vuejs-accessibility/alt-text": ["error", { img: userImageComponents }],
+		"vuejs-accessibility/anchor-has-content": ["error", {
+			components: userAnchorComponents,
+			accessibleChildren: userAccessibleChildComponents
+		}],
+		"vuejs-accessibility/aria-props": "error",
+		"vuejs-accessibility/aria-role": "error",
+		"vuejs-accessibility/aria-unsupported-elements": "error",
+		"vuejs-accessibility/form-control-has-label": ["error", { labelComponents: isNuxtUIEnabled ? [`${nuxtUIPrefix}FormField`] : void 0 }],
+		"vuejs-accessibility/heading-has-content": "error",
+		"vuejs-accessibility/iframe-has-title": "error",
+		"vuejs-accessibility/interactive-supports-focus": "error",
+		"vuejs-accessibility/label-has-for": ["error", {
+			allowChildren: true,
+			required: { some: ["nesting", "id"] },
+			controlComponents: [
+				"input",
+				"output",
+				"meter",
+				"select",
+				"textarea",
+				"progress"
+			]
+		}],
+		"vuejs-accessibility/media-has-caption": "error",
+		"vuejs-accessibility/no-access-key": "warn",
+		"vuejs-accessibility/no-aria-hidden-on-focusable": "error",
+		"vuejs-accessibility/no-autofocus": "warn",
+		"vuejs-accessibility/no-distracting-elements": "warn",
+		"vuejs-accessibility/no-redundant-roles": "warn",
+		"vuejs-accessibility/no-role-presentation-on-focusable": "error",
+		"vuejs-accessibility/no-static-element-interactions": "error",
+		"vuejs-accessibility/role-has-required-aria-props": "error",
+		"vuejs-accessibility/tabindex-no-positive": "error"
+	};
+	const vueAndNuxtRules = {
 		"vue/jsx-uses-vars": "error",
 		"vue/comment-directive": ["error", { reportUnusedDisableDirectives: true }],
 		"vue/multi-word-component-names": "error",
@@ -330,7 +366,7 @@ function getVueRules(options) {
 			isNuxtUIEnabled && `^${nuxtUIPrefix}`,
 			...userIgnoredUndefinedComponents
 		].filter(isTruthy) }],
-		"vue/no-undef-directives": nuxt ? "off" : "error",
+		"vue/no-undef-directives": isNuxtEnabled ? "off" : "error",
 		"vue/no-unused-emit-declarations": "error",
 		"vue/no-unused-properties": ["error", {
 			groups: [
@@ -367,6 +403,12 @@ function getVueRules(options) {
 		"vue/slot-name-casing": "warn",
 		"vue/v-for-delimiter-style": ["warn", vForDelimiterStyle]
 	};
+	if (isEnabled(stylistic)) vueAndNuxtRules["@stylistic/max-len"] = "off";
+	const isVueAccessibilityEnabled = isEnabled(vue) && isEnabled(vue.accessibility);
+	return {
+		...vueAndNuxtRules,
+		...isVueAccessibilityEnabled && vueAccessibilityRules
+	};
 }
 //#endregion
 export { getVueRules };