@shayanthenerd/eslint-config 0.7.0 → 0.8.0

package/README.md

@@ -460,6 +460,9 @@ interface options {
     },
     nuxt?: boolean | {
       image?: boolean,
+      icon?: boolean | {
+        component?: string,
+      }
       ui?: boolean | {
         prefix?: string,
       }

package/dist/configs/base.js

@@ -1,7 +1,7 @@
 import { globs } from "../utils/globs.js";
 import { getJavaScriptRules } from "../rules/javascript.js";
-import typescriptESLint from "typescript-eslint";
 import { mergeConfigs } from "eslint-flat-config-utils";
+import typescriptESLint from "typescript-eslint";
 import globals from "globals";
 import javascriptESLint from "@eslint/js";
 

package/dist/configs/oxlintOverrides.js

@@ -16,7 +16,7 @@ function getOXLintOverridesConfig(options) {
 	const javascriptRules = getJavaScriptRules(options);
 	const typescriptRules = getTypeScriptRules(options);
 	const playwrightRules = getPlaywrightRules(options);
-	const oxlintOverridesConfig = {
+	return {
 		name: "shayanthenerd/oxlint/overrides",
 		files: [
 			globs.src,
@@ -40,7 +40,6 @@ function getOXLintOverridesConfig(options) {
 			"vitest/max-nested-describe": isEnabled(vitest) ? vitestRules["vitest/max-nested-describe"] : "off"
 		}
 	};
-	return oxlintOverridesConfig;
 }
 
 //#endregion

package/dist/configs/restrictedExports.js

@@ -2,7 +2,7 @@ import { globs } from "../utils/globs.js";
 
 //#region src/configs/restrictedExports.ts
 function getRestrictedExports() {
-	const restrictedExportsConfig = {
+	return {
 		name: "shayanthenerd/restricted-exports",
 		files: [globs.restrictedExports],
 		rules: { "no-restricted-exports": ["error", { restrictDefaultExports: {
@@ -12,7 +12,6 @@ function getRestrictedExports() {
 			namespaceFrom: true
 		} }] }
 	};
-	return restrictedExportsConfig;
 }
 
 //#endregion

package/dist/configs/typescript.js

@@ -2,9 +2,9 @@ import { globs } from "../utils/globs.js";
 import { isEnabled } from "../utils/isEnabled.js";
 import { defaultOptions } from "../utils/options/defaultOptions.js";
 import { getTypeScriptRules } from "../rules/typescript.js";
-import typescriptESLint from "typescript-eslint";
 import path from "node:path";
 import { mergeConfigs } from "eslint-flat-config-utils";
+import typescriptESLint from "typescript-eslint";
 
 //#region src/configs/typescript.ts
 function getTypeScriptConfig(options) {
@@ -20,7 +20,7 @@ function getTypeScriptConfig(options) {
 			tsconfigRootDir: tsConfig ? path.resolve(tsConfig.rootDir) : void 0,
 			projectService: {
 				defaultProject: tsConfig ? tsConfig.filename : void 0,
-				allowDefaultProject: allowedDefaultProjects
+				allowDefaultProject: ["{prettier,eslint}.config.?([mc])ts", ...allowedDefaultProjects]
 			}
 		} },
 		rules: getTypeScriptRules(options)

package/dist/configs/vue.js

@@ -3,9 +3,9 @@ import { isEnabled } from "../utils/isEnabled.js";
 import { defaultOptions } from "../utils/options/defaultOptions.js";
 import { getVueRules } from "../rules/vue.js";
 import { getVueAccessibilityRules } from "../rules/vueAccessibility.js";
-import typescriptESLint from "typescript-eslint";
 import { mergeConfigs } from "eslint-flat-config-utils";
 import eslintPluginVue from "eslint-plugin-vue";
+import typescriptESLint from "typescript-eslint";
 import eslintPluginVueAccessibility from "eslint-plugin-vuejs-accessibility";
 
 //#region src/configs/vue.ts

package/dist/configs/vueComponentNames.js

@@ -2,7 +2,7 @@ import { globs } from "../utils/globs.js";
 
 //#region src/configs/vueComponentNames.ts
 function getVueComponentNamesConfig() {
-	const vueComponentNamesConfig = {
+	return {
 		name: "shayanthenerd/vue/multi-word-component-names",
 		files: [globs.vueAppErrorLayoutsPages],
 		rules: {
@@ -11,7 +11,6 @@ function getVueComponentNamesConfig() {
 			"vue/component-definition-name-casing": "off"
 		}
 	};
-	return vueComponentNamesConfig;
 }
 
 //#endregion

package/dist/configs/vueServerComponents.js

@@ -2,12 +2,11 @@ import { globs } from "../utils/globs.js";
 
 //#region src/configs/vueServerComponents.ts
 function getVueServerComponentsConfig() {
-	const vueServerComponentsConfig = {
+	return {
 		name: "shayanthenerd/vue/server-components",
 		files: [globs.vueServerComponents],
 		rules: { "vue/no-multiple-template-root": "error" }
 	};
-	return vueServerComponentsConfig;
 }
 
 //#endregion

package/dist/index.js

@@ -19,9 +19,8 @@ import { getIgnorePatterns } from "./utils/ignores/getIgnorePatterns.js";
 import { mergeWithDefaults } from "./utils/options/mergeWithDefaults.js";
 import { getVueComponentNamesConfig } from "./configs/vueComponentNames.js";
 import { getVueServerComponentsConfig } from "./configs/vueServerComponents.js";
-import { globalIgnores } from "eslint/config";
 import eslintPluginOXLint from "eslint-plugin-oxlint";
-import { config } from "typescript-eslint";
+import { defineConfig as defineConfig$1, globalIgnores } from "eslint/config";
 import path from "node:path";
 
 //#region src/index.ts
@@ -41,13 +40,12 @@ function defineConfig(options = {}, ...configs) {
 		patterns: ignores
 	});
 	const oxlintConfigPath = path.resolve(oxlint || defaultOptions.configs.oxlint);
-	const eslintConfig = config({
+	return defineConfig$1({
 		name: "shayanthenerd/global",
 		linterOptions,
 		settings,
 		rules
 	}, globalIgnores(ignorePatterns, "shayanthenerd/ignores"), getBaseConfig(mergedOptions), preferNamedExports ? getRestrictedExports() : {}, isEnabled(importX) ? getImportXConfig(mergedOptions) : {}, isEnabled(stylistic) ? getStylisticConfig(mergedOptions) : {}, isEnabled(perfectionist) ? getPerfectionistConfig(mergedOptions) : {}, isEnabled(typescript) ? getTypeScriptConfig(mergedOptions) : {}, isEnabled(html) ? getHTMLConfig(mergedOptions) : {}, isEnabled(css) ? getCSSConfig(mergedOptions) : {}, isEnabled(tailwind) ? getTailwindConfig(mergedOptions) : {}, isEnabled(vue) ? getVueConfig(mergedOptions) : {}, isEnabled(vue) ? getVueComponentNamesConfig() : {}, isEnabled(vue) && isEnabled(nuxt) ? getVueServerComponentsConfig() : {}, isEnabled(storybook) ? getStorybookConfig(mergedOptions) : {}, isEnabled(vitest) ? getVitestConfig(mergedOptions) : {}, isEnabled(playwright) ? getPlaywrightConfig(mergedOptions) : {}, isEnabled(cypress) ? getCypressConfig(mergedOptions) : {}, ...oxlint ? eslintPluginOXLint.buildFromOxlintConfigFile(oxlintConfigPath) : [], oxlint ? getOXLintOverridesConfig(mergedOptions) : {}, ...configs);
-	return eslintConfig;
 }
 
 //#endregion

package/dist/oxlint.config.jsonc

@@ -75,6 +75,7 @@
 		"import/unambiguous": "off",
 		"import/no-namespace": "off",
 		"import/exports-last": "off",
+		"import/no-named-export": "off",
 		"import/max-dependencies": "off",
 		"import/no-default-export": "off",
 		"import/prefer-default-export": "off",
@@ -103,6 +104,10 @@
 		"jsdoc/require-returns": "off",
 		"jsdoc/require-property": "off",
 
+		/*** Vue ***/
+		"vue/max-props": "off",
+		"vue/no-required-prop-with-default": "off",
+
 		/*** Customizable Overrides ***/
 		/* These rules are customizable in the ESLint config, but OXLint doesn't respect them. */
 		"eslint/max-depth": "off",
@@ -110,7 +115,8 @@
 		"eslint/max-nested-callbacks": "off",
 		"typescript/consistent-type-definitions": "off",
 		"vitest/consistent-test-it": "off",
-		"jest/max-nested-describe": "off"
+		"jest/max-nested-describe": "off",
+		"vue/define-props-destructuring": "off"
 	},
 
 	"overrides": [

package/dist/prettier.config.js

@@ -25,7 +25,7 @@ const prettierConfig = {
 	experimentalTernaries: false,
 	experimentalOperatorPosition: "end",
 	overrides: [{
-		files: ["*.jsonc", "bun.lock"],
+		files: ["*.jsonc"],
 		options: { parser: "json" }
 	}, {
 		files: "*.svg",

package/dist/rules/css.js

@@ -49,7 +49,7 @@ const allowedPhysicalProperties = [
 function getCSSRules(options) {
 	const { css } = options.configs;
 	const { useBaseline, allowedRelativeFontUnits } = isEnabled(css) ? css : defaultOptions.configs.css;
-	const cssRules = {
+	return {
 		"css/no-invalid-properties": ["error", { allowUnknownVariables: true }],
 		"css/relative-font-units": ["warn", { allowUnits: allowedRelativeFontUnits }],
 		"css/use-baseline": useBaseline ? ["warn", { available: useBaseline }] : "off",
@@ -58,7 +58,6 @@ function getCSSRules(options) {
 			allowProperties: allowedPhysicalProperties
 		}]
 	};
-	return cssRules;
 }
 
 //#endregion

package/dist/rules/cypress.js

@@ -1,6 +1,6 @@
 //#region src/rules/cypress.ts
 function getCypressRules() {
-	const cypressRules = {
+	return {
 		"cypress/no-force": "error",
 		"cypress/no-pause": "error",
 		"cypress/no-xpath": "error",
@@ -8,7 +8,6 @@ function getCypressRules() {
 		"cypress/no-chained-get": "error",
 		"cypress/assertion-before-screenshot": "error"
 	};
-	return cypressRules;
 }
 
 //#endregion

package/dist/rules/html.js

@@ -6,7 +6,7 @@ function getHTMLRules(options) {
 	const { html, stylistic } = options.configs;
 	const { useBaseline, idNamingConvention } = isEnabled(html) ? html : defaultOptions.configs.html;
 	const { indent, useTabs, maxAttributesPerLine, maxConsecutiveEmptyLines, selfCloseVoidHTMLElements } = isEnabled(stylistic) ? stylistic : defaultOptions.configs.stylistic;
-	const htmlRules = {
+	return {
 		"better-tailwindcss/no-duplicate-classes": "off",
 		"@html-eslint/no-target-blank": "error",
 		"@html-eslint/no-duplicate-class": "warn",
@@ -47,7 +47,6 @@ function getHTMLRules(options) {
 			enforceBeforeSelfClose: true
 		}]
 	};
-	return htmlRules;
 }
 
 //#endregion

package/dist/rules/importX.js

@@ -6,7 +6,7 @@ import path from "node:path";
 function getImportXRules(options) {
 	const { packageDir, configs: { importX, typescript } } = options;
 	const { removeUnusedImports } = isEnabled(importX) ? importX : defaultOptions.configs.importX;
-	const importXRules = {
+	return {
 		"unused-imports/no-unused-imports": removeUnusedImports ? "warn" : "off",
 		"import-x/no-amd": "error",
 		"import-x/no-commonjs": "error",
@@ -38,7 +38,6 @@ function getImportXRules(options) {
 			packageDir: path.resolve(packageDir)
 		}]
 	};
-	return importXRules;
 }
 
 //#endregion

package/dist/rules/javascript.js

@@ -1,7 +1,7 @@
 //#region src/rules/javascript.ts
 function getJavaScriptRules(options) {
 	const { maxDepth, functionStyle, maxNestedCallbacks, preferNamedExports } = options.configs.base;
-	const javascriptRules = {
+	return {
 		"no-self-compare": "warn",
 		"no-await-in-loop": "error",
 		"no-unassigned-vars": "error",
@@ -78,6 +78,7 @@ function getJavaScriptRules(options) {
 		"init-declarations": "error",
 		"consistent-return": "error",
 		"no-useless-concat": "error",
+		"no-param-reassign": "error",
 		"no-useless-rename": "error",
 		"default-param-last": "warn",
 		"symbol-description": "warn",
@@ -93,6 +94,7 @@ function getJavaScriptRules(options) {
 		"radix": ["error", "as-needed"],
 		"curly": ["warn", "multi-line"],
 		"max-depth": ["warn", maxDepth],
+		"preserve-caught-error": "warn",
 		"no-object-constructor": "error",
 		"prefer-object-has-own": "error",
 		"no-useless-constructor": "error",
@@ -159,7 +161,6 @@ function getJavaScriptRules(options) {
 			allowTaggedTemplates: true
 		}]
 	};
-	return javascriptRules;
 }
 
 //#endregion

package/dist/rules/perfectionist.js

@@ -6,7 +6,7 @@ function getPerfectionistRules(options) {
 	const { env, tsConfig, configs: { stylistic, perfectionist } } = options;
 	const { maxLineLength } = isEnabled(stylistic) ? stylistic : defaultOptions.configs.stylistic;
 	const { sortType } = isEnabled(perfectionist) ? perfectionist : defaultOptions.configs.perfectionist;
-	const perfectionistRules = {
+	return {
 		"perfectionist/sort-maps": "warn",
 		"perfectionist/sort-exports": "warn",
 		"perfectionist/sort-union-types": "warn",
@@ -28,7 +28,8 @@ function getPerfectionistRules(options) {
 			maxLineLength,
 			customGroups: [{
 				groupName: "vue-sfc",
-				elementNamePattern: ["\\.(vue|[jt]sx)$"]
+				elementNamePattern: ["\\.(vue|[jt]sx)$"],
+				modifiers: ["value"]
 			}, {
 				groupName: "image",
 				elementNamePattern: ["\\.(ico|svg|gif|png|jpe?g|webp|avif|heic)$"]
@@ -66,7 +67,6 @@ function getPerfectionistRules(options) {
 			]
 		}]
 	};
-	return perfectionistRules;
 }
 
 //#endregion

package/dist/rules/playwright.js

@@ -1,7 +1,7 @@
 //#region src/rules/playwright.ts
 function getPlaywrightRules(options) {
 	const { maxNestedDescribe } = options.configs.test;
-	const playwrightRules = {
+	return {
 		"playwright/max-expects": "off",
 		"playwright/prefer-to-be": "warn",
 		"playwright/no-get-by-title": "error",
@@ -20,7 +20,6 @@ function getPlaywrightRules(options) {
 		"playwright/max-nested-describe": ["warn", { max: maxNestedDescribe }],
 		"playwright/prefer-lowercase-title": ["warn", { ignoreTopLevelDescribe: true }]
 	};
-	return playwrightRules;
 }
 
 //#endregion

package/dist/rules/storybook.js

@@ -2,13 +2,12 @@ import path from "node:path";
 
 //#region src/rules/storybook.ts
 function getStorybookRules(options) {
-	const storybookRules = {
+	return {
 		"storybook/csf-component": "error",
 		"storybook/no-stories-of": "error",
 		"storybook/meta-satisfies-type": "warn",
 		"storybook/no-uninstalled-addons": ["error", { packageJsonLocation: path.resolve(options.packageDir, "package.json") }]
 	};
-	return storybookRules;
 }
 
 //#endregion

package/dist/rules/stylistic.js

@@ -5,7 +5,7 @@ import { defaultOptions } from "../utils/options/defaultOptions.js";
 function getStylisticRules(options) {
 	const { stylistic } = options.configs;
 	const { semi, quotes, indent, useTabs, jsxQuotes, arrowParens, trailingComma, maxLineLength, memberDelimiterStyle, maxConsecutiveEmptyLines } = isEnabled(stylistic) ? stylistic : defaultOptions.configs.stylistic;
-	const stylisticRules = {
+	return {
 		"@stylistic/wrap-regex": "warn",
 		"@stylistic/semi-style": "warn",
 		"@stylistic/semi": ["warn", semi],
@@ -153,7 +153,6 @@ function getStylisticRules(options) {
 			}
 		]
 	};
-	return stylisticRules;
 }
 
 //#endregion

package/dist/rules/tailwind.js

@@ -7,7 +7,7 @@ function getTailwindRules(options) {
 	const { multilineSort, ignoredUnregisteredClasses: userIgnoredUnregisteredClasses } = isEnabled(tailwind) ? tailwind : defaultOptions.configs.tailwind;
 	const { indent, useTabs, maxLineLength } = isEnabled(stylistic) ? stylistic : defaultOptions.configs.stylistic;
 	const isTailwindV4 = isEnabled(tailwind) && tailwind.entryPoint;
-	const tailwindRules = {
+	return {
 		"@stylistic/max-len": "off",
 		"better-tailwindcss/no-duplicate-classes": "error",
 		"better-tailwindcss/no-deprecated-classes": "error",
@@ -27,7 +27,6 @@ function getTailwindRules(options) {
 			indent: useTabs ? "tab" : indent
 		}]
 	};
-	return tailwindRules;
 }
 
 //#endregion

package/dist/rules/typescript.js

@@ -5,12 +5,13 @@ import { defaultOptions } from "../utils/options/defaultOptions.js";
 function getTypeScriptRules(options) {
 	const { typescript } = options.configs;
 	const { typeDefinitionStyle, methodSignatureStyle } = isEnabled(typescript) ? typescript : defaultOptions.configs.typescript;
-	const tsRules = {
+	return {
 		"no-loop-func": "off",
 		"no-unused-vars": "off",
 		"default-param-last": "off",
 		"prefer-destructuring": "off",
 		"@typescript-eslint/no-loop-func": "error",
+		"@typescript-eslint/unbound-method": "off",
 		"@typescript-eslint/default-param-last": "warn",
 		"@typescript-eslint/no-unsafe-assignment": "warn",
 		"@typescript-eslint/prefer-destructuring": "warn",
@@ -56,7 +57,6 @@ function getTypeScriptRules(options) {
 			}
 		]
 	};
-	return tsRules;
 }
 
 //#endregion

package/dist/rules/vitest.js

@@ -1,7 +1,7 @@
 //#region src/rules/vitest.ts
 function getVitestRules(options) {
 	const { testFunction, maxNestedDescribe } = options.configs.test;
-	const vitestRules = {
+	return {
 		"vitest/prefer-todo": "warn",
 		"vitest/prefer-to-be": "warn",
 		"vitest/require-hook": "error",
@@ -39,7 +39,6 @@ function getVitestRules(options) {
 			withinDescribe: testFunction
 		}]
 	};
-	return vitestRules;
 }
 
 //#endregion

package/dist/rules/vue.js

@@ -11,15 +11,18 @@ function getVueRules(options) {
 	const nuxtImage = isEnabled(nuxt) ? nuxt.image : void 0;
 	const nuxtUI = isEnabled(nuxt) ? nuxt.ui : void 0;
 	const nuxtUIPrefix = isEnabled(nuxt) && isEnabled(nuxt.ui) ? nuxt.ui.prefix : defaultOptions.configs.nuxt.ui.prefix;
+	const nuxtIcon = isEnabled(nuxt) ? nuxt.icon : void 0;
+	const nuxtIconComponent = isEnabled(nuxt) && isEnabled(nuxt.icon) ? nuxt.icon.component : defaultOptions.configs.nuxt.icon.component;
 	const isScriptLangTS = blockLang.script === "ts";
 	const isStyleLangImplicit = blockLang.style === "implicit";
-	const vueRules = {
+	return {
 		"no-undef": "off",
 		"no-useless-assignment": "off",
 		"import-x/default": "off",
 		"import-x/no-unresolved": "off",
 		"vue/no-multiple-template-root": "off",
 		"vue/comment-directive": ["error", { reportUnusedDisableDirectives: true }],
+		"vue/no-async-in-computed-properties": ["error", { ignoredObjectNames: ["z"] }],
 		"vue/require-default-prop": "off",
 		"vue/html-closing-bracket-newline": "warn",
 		"vue/singleline-html-element-content-newline": "off",
@@ -41,7 +44,11 @@ function getVueRules(options) {
 			void: selfCloseVoidHTMLElements
 		} }],
 		"vue/max-attributes-per-line": ["warn", { singleline: { max: maxAttributesPerLine } }],
-		"vue/attributes-order": ["warn", { order: attributesOrder }],
+		"vue/attributes-order": ["warn", {
+			alphabetical: true,
+			sortLineLength: true,
+			order: attributesOrder
+		}],
 		"vue/camelcase": "warn",
 		"vue/no-root-v-if": "warn",
 		"vue/require-expose": "error",
@@ -122,10 +129,6 @@ function getVueRules(options) {
 				element: nuxtImage ? "img" : "",
 				message: "Use `<NuxtImg>`."
 			},
-			{
-				element: nuxtImage ? "picture" : "",
-				message: "Use `<NuxtPicture>`."
-			},
 			{
 				element: nuxtUI ? [
 					"a",
@@ -157,10 +160,12 @@ function getVueRules(options) {
 			...userRestrictedStaticAttributes
 		],
 		"vue/no-undef-components": ["error", { ignorePatterns: [
-			"^(Nuxt|U)",
-			"^(Icon|Html|Head|Title|Base|Meta|Link|Style|Body|NoScript)$",
+			nuxt ? "^Nuxt" : void 0,
+			nuxt ? "^(Html|Head|Title|Base|Meta|Link|Style|Body|NoScript|ClientOnly|DevOnly)$" : void 0,
+			nuxtIcon ? `^${nuxtIconComponent}$` : void 0,
+			nuxtUI ? `^${nuxtUIPrefix}` : void 0,
 			...userIgnoredUndefinedComponents
-		] }],
+		].filter(Boolean) }],
 		"vue/match-component-file-name": ["error", {
 			shouldMatchCase: true,
 			extensions: [
@@ -179,7 +184,6 @@ function getVueRules(options) {
 			}
 		]
 	};
-	return vueRules;
 }
 
 //#endregion

package/dist/rules/vueAccessibility.js

@@ -3,9 +3,11 @@ import { defaultOptions } from "../utils/options/defaultOptions.js";
 
 //#region src/rules/vueAccessibility.ts
 function getVueAccessibilityRules(options) {
-	const { vue } = options.configs;
+	const { vue, nuxt } = options.configs;
 	const { imageComponents: userImageComponents, anchorComponents: userAnchorComponents, accessibleChildComponents: userAccessibleChildComponents } = isEnabled(vue) && isEnabled(vue.accessibility) ? vue.accessibility : defaultOptions.configs.vue.accessibility;
-	const vueA11yRules = {
+	const nuxtUI = isEnabled(nuxt) ? nuxt.ui : void 0;
+	const nuxtUIPrefix = isEnabled(nuxt) && isEnabled(nuxt.ui) ? nuxt.ui.prefix : defaultOptions.configs.nuxt.ui.prefix;
+	return {
 		"vuejs-accessibility/click-events-have-key-events": "off",
 		"vuejs-accessibility/mouse-events-have-key-events": "off",
 		"vuejs-accessibility/no-aria-hidden-on-focusable": "error",
@@ -14,9 +16,21 @@ function getVueAccessibilityRules(options) {
 		"vuejs-accessibility/anchor-has-content": ["error", {
 			components: userAnchorComponents,
 			accessibleChildren: userAccessibleChildComponents
+		}],
+		"vuejs-accessibility/form-control-has-label": ["error", { labelComponents: nuxtUI ? [`${nuxtUIPrefix}FormField`] : void 0 }],
+		"vuejs-accessibility/label-has-for": ["error", {
+			allowChildren: true,
+			required: { some: ["nesting", "id"] },
+			controlComponents: [
+				"input",
+				"output",
+				"meter",
+				"select",
+				"textarea",
+				"progress"
+			]
 		}]
 	};
-	return vueA11yRules;
 }
 
 //#endregion

package/dist/types/configOptions/nuxt.d.ts

@@ -3,7 +3,7 @@ interface NuxtOptions {
   /**
    * Whether [NuxtImage](https://image.nuxt.com) is used in the project.
    *
-   * Enforce the use of `<NuxtImg>` instead of `<img>`, and `<NuxtPicture>` instead of `<picture>`.
+   * Enforce the use of `<NuxtImg>` instead of `<img>`.
    *
    * @default false // `true` if "@nuxt/image" is detected in the package.json file when `autoDetectDeps` is enabled
    *
@@ -11,6 +11,32 @@ interface NuxtOptions {
    */
   image?: boolean;
 
+  /**
+   * Whether [@nuxt/icon](https://nuxt.com/modules/icon) is used in the project.
+   *
+   * Allows ESLint to recognize the icon component.
+   *
+   * @default false // `true` if "@nuxt/icon" is detected in the package.json file when `autoDetectDeps` is enabled
+   *
+   * @see [vue/no-undef-components](https://eslint.vuejs.org/rules/no-undef-components)
+   */
+  icon?: boolean | {
+    /**
+     * The name of the icon component.
+     *
+     * This is used by
+     * [vue/no-undef-components](https://eslint.vuejs.org/rules/no-undef-components)
+     * to detect the icon component.
+     *
+     * It will fall back to the default value if set to an empty string (`''`).
+     *
+     * @default 'Icon'
+     *
+     * @see [@nuxt/icon Options: Vue Component](https://github.com/nuxt/icon#vue-component)
+     */
+    component?: string;
+  };
+
   /**
    * Whether [NuxtUI](https://ui.nuxt.com) is used in the project.
    *

package/dist/types/configOptions/typescript.d.ts

@@ -8,7 +8,9 @@ interface TypeScriptOptions extends ConfigWithOverrides {
    *
    * The matched files may not also be included in their nearest _tsconfig.json_ file.
    *
-   * @default []
+   * New items extend the defaults, they don't override it.
+   *
+   * @default ['{prettier,eslint}.config.?([mc])ts']
    *
    * @see [@typescript-eslint: `allowDefaultProject` option](https://typescript-eslint.io/packages/parser#allowdefaultproject)
    */