@open-xchange/linter-presets 0.9.0 → 0.10.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## `0.10.0` – 2024-Nov-14
+
+- add: (ESLint) support for Vue.js files (`eslint-plugin-vue`)
+- change: (ESlint) default value of `ecmaVersion` set to `latest`
+- change: (ESlint) custom indentation per file type (default `2` for YAML and Vue)
+
 ## `0.9.0` – 2024-Nov-08
 
 - change: (ESLint) allow static class initialization blocks

package/dist/eslint/config/base.d.ts

@@ -1,5 +1,5 @@
 import type { Linter } from "eslint";
-import { type LanguageOptions } from "../shared/env-utils.js";
+import { type LanguageConfig } from "../shared/env-utils.js";
 /**
  * Defines standard module settings and additional rules targeting JavaScript
  * _and_ TypeScript source files.
@@ -7,10 +7,10 @@ import { type LanguageOptions } from "../shared/env-utils.js";
  * Wraps the following packages:
  * - `@eslint/js`
  *
- * @param options
+ * @param languageConfig
  *  Resolved configuration options.
  *
  * @returns
  *  An array of configuration objects to be added to the flat configuration.
  */
-export default function base(options: Required<LanguageOptions>): Linter.Config[];
+export default function base(languageConfig: LanguageConfig): Linter.Config[];

package/dist/eslint/config/base.js

@@ -10,16 +10,16 @@ import { builtinRestrictedRules } from "../shared/restricted.js";
  * Wraps the following packages:
  * - `@eslint/js`
  *
- * @param options
+ * @param languageConfig
  *  Resolved configuration options.
  *
  * @returns
  *  An array of configuration objects to be added to the flat configuration.
  */
-export default function base(options) {
+export default function base(languageConfig) {
     // returns language options for specific file extensions
     const languageOptions = (sourceType, ...extensions) => {
-        const { ecmaVersion } = options;
+        const { ecmaVersion } = languageConfig;
         return {
             files: extGlob(extensions),
             languageOptions: { ecmaVersion, sourceType },
@@ -38,9 +38,9 @@ export default function base(options) {
         // ECMA version and module type for CommonJS modules
         languageOptions("commonjs", "cjs", "cts"),
         // ECMA version and module type for *.js and *.ts files
-        languageOptions(options.sourceType, "js", "jsx", "ts", "tsx"),
+        languageOptions(languageConfig.sourceType, "js", "jsx", "ts", "tsx"),
         // ECMA decorators via Babel plugin
-        ...(options.nativeDecorators ? [{
+        ...(languageConfig.nativeDecorators ? [{
                 files: JS_GLOB,
                 languageOptions: {
                     parser: babelParser,
@@ -129,7 +129,7 @@ export default function base(options) {
                 radix: "error",
                 "symbol-description": "error",
                 // built-in restricted items
-                ...builtinRestrictedRules(options),
+                ...builtinRestrictedRules(languageConfig),
             },
         },
     ];

package/dist/eslint/config/imports.d.ts

@@ -1,15 +1,15 @@
 import type { Linter } from "eslint";
-import type { LanguageOptions } from "../shared/env-utils.js";
+import type { LanguageConfig } from "../shared/env-utils.js";
 /**
  * Adds linter rules for `import` and `export` statements.
  *
  * Wraps the following packages:
  * - `eslint-plugin-import`
  *
- * @param options
+ * @param languageConfig
  *  Resolved configuration options.
  *
  * @returns
  *  An array of configuration objects to be added to the flat configuration.
  */
-export default function importConfig(options: Required<LanguageOptions>): Linter.Config[];
+export default function importConfig(languageConfig: LanguageConfig): Linter.Config[];

package/dist/eslint/config/imports.js

@@ -7,15 +7,15 @@ import { fixupPluginRules } from "@eslint/compat";
  * Wraps the following packages:
  * - `eslint-plugin-import`
  *
- * @param options
+ * @param languageConfig
  *  Resolved configuration options.
  *
  * @returns
  *  An array of configuration objects to be added to the flat configuration.
  */
-export default function importConfig(options) {
+export default function importConfig(languageConfig) {
     // configuration properties
-    const { ecmaVersion, sourceType } = options;
+    const { ecmaVersion, sourceType } = languageConfig;
     // extensions of ES module files
     const jsExtensions = (sourceType === "module") ? [".js", ".mjs"] : [".mjs"];
     const tsExtensions = (sourceType === "module") ? [".ts", ".mts"] : [".mts"];

package/dist/eslint/config/json.d.ts

@@ -1,15 +1,15 @@
 import type { Linter } from "eslint";
-import type { StylisticOptions } from "../shared/env-utils.js";
+import { type StylisticConfig } from "../shared/env-utils.js";
 /**
  * Defines standard linting rules for JSON files.
  *
  * Wraps the following packages:
  * - `eslint-plugin-jsonc`
  *
- * @param options
+ * @param stylisticConfig
  *  Resolved configuration options.
  *
  * @returns
  *  An array of configuration objects to be added to the flat configuration.
  */
-export default function json(options: Required<StylisticOptions>): Linter.Config[];
+export default function json(stylisticConfig: StylisticConfig): Linter.Config[];

package/dist/eslint/config/json.js

@@ -1,4 +1,5 @@
 import jsonPlugin from "eslint-plugin-jsonc";
+import { fixMissingFilesOption } from "../shared/env-utils.js";
 // functions ==================================================================
 /**
  * Defines standard linting rules for JSON files.
@@ -6,14 +7,15 @@ import jsonPlugin from "eslint-plugin-jsonc";
  * Wraps the following packages:
  * - `eslint-plugin-jsonc`
  *
- * @param options
+ * @param stylisticConfig
  *  Resolved configuration options.
  *
  * @returns
  *  An array of configuration objects to be added to the flat configuration.
  */
-export default function json(options) {
-    const configs = [
+export default function json(stylisticConfig) {
+    // add missing "files" property in configurations with rules (otherwise, plugin conflicts with "@eslint/markdown")
+    return fixMissingFilesOption([
         // register rule implementations and recommended rules
         ...jsonPlugin.configs["flat/recommended-with-json"],
         // reconfigure plugin rules
@@ -21,7 +23,7 @@ export default function json(options) {
             rules: {
                 "jsonc/array-bracket-spacing": "error",
                 "jsonc/comma-style": "error",
-                "jsonc/indent": ["error", options.indent],
+                "jsonc/indent": ["error", stylisticConfig.indent.json],
                 "jsonc/key-spacing": ["error", { mode: "minimum" }],
                 "jsonc/no-irregular-whitespace": "error",
                 "jsonc/no-octal-escape": "error",
@@ -33,8 +35,5 @@ export default function json(options) {
                 "jsonc/no-comments": "off",
             },
         },
-    ];
-    // add missing "files" property in configurations with rules (otherwise, plugin conflicts with "@eslint/markdown")
-    const files = configs.find(config => config.files)?.files;
-    return configs.map(config => (!config.files && config.rules) ? { ...config, files } : config);
+    ]);
 }

package/dist/eslint/config/stylistic.d.ts

@@ -1,5 +1,5 @@
 import type { Linter } from "eslint";
-import type { StylisticOptions } from "../shared/env-utils.js";
+import type { StylisticConfig } from "../shared/env-utils.js";
 /**
  * Defines standard (opinionated) linter rules for source code style.
  *
@@ -7,10 +7,10 @@ import type { StylisticOptions } from "../shared/env-utils.js";
  * - `@stylistic/eslint-plugin`
  * - `@stylistic/eslint-plugin-migrate`
  *
- * @param options
+ * @param stylisticConfig
  *  Resolved configuration options.
  *
  * @returns
  *  An array of configuration objects to be added to the flat configuration.
  */
-export default function stylistic(options: Required<StylisticOptions>): Linter.Config[];
+export default function stylistic(stylisticConfig: StylisticConfig): Linter.Config[];

package/dist/eslint/config/stylistic.js

@@ -8,15 +8,15 @@ import migratePlugin from "@stylistic/eslint-plugin-migrate";
  * - `@stylistic/eslint-plugin`
  * - `@stylistic/eslint-plugin-migrate`
  *
- * @param options
+ * @param stylisticConfig
  *  Resolved configuration options.
  *
  * @returns
  *  An array of configuration objects to be added to the flat configuration.
  */
-export default function stylistic(options) {
+export default function stylistic(stylisticConfig) {
     // configuration properties
-    const { indent, semi, quotes, dangle } = options;
+    const { indent, semi, quotes, dangle } = stylisticConfig;
     return [
         // globally disable all deprecated stylistic core rules
         stylisticPlugin.configs["disable-legacy"],
@@ -41,14 +41,14 @@ export default function stylistic(options) {
                 "@stylistic/eol-last": "error",
                 "@stylistic/function-call-spacing": "error",
                 "@stylistic/generator-star-spacing": "error",
-                "@stylistic/indent": ["error", indent, { SwitchCase: 1, MemberExpression: "off", flatTernaryExpressions: true }],
-                "@stylistic/indent-binary-ops": ["error", indent],
+                "@stylistic/indent": ["error", indent.js, { SwitchCase: 1, MemberExpression: "off", flatTernaryExpressions: true }],
+                "@stylistic/indent-binary-ops": ["error", indent.js],
                 "@stylistic/jsx-child-element-spacing": "error",
                 "@stylistic/jsx-curly-brace-presence": "error",
                 "@stylistic/jsx-curly-spacing": "error",
                 "@stylistic/jsx-equals-spacing": "error",
                 "@stylistic/jsx-function-call-newline": "error",
-                "@stylistic/jsx-indent-props": ["error", indent],
+                "@stylistic/jsx-indent-props": ["error", indent.js],
                 "@stylistic/jsx-one-expression-per-line": "off",
                 "@stylistic/jsx-pascal-case": "error",
                 "@stylistic/jsx-quotes": "error",
@@ -98,6 +98,13 @@ export default function stylistic(options) {
                 "@stylistic/yield-star-spacing": "error",
             },
         },
+        // special settings for Vue files
+        {
+            files: ["**/*.vue"],
+            rules: {
+                "@stylistic/indent": ["error", stylisticConfig.indent.vue],
+            },
+        },
         // "@stylistic/migrate" plugin
         {
             // register rule implementations of the plugins

package/dist/eslint/config/vue.d.ts

@@ -0,0 +1,15 @@
+import type { Linter } from "eslint";
+import { type LanguageConfig } from "../shared/env-utils.js";
+/**
+ * Creates configuration objects with linter rules for Vue.js.
+ *
+ * Wraps the following packages:
+ * - `eslint-plugin-vue`
+ *
+ * @param languageConfig
+ *  Resolved language configuration options.
+ *
+ * @returns
+ *  An array of configuration objects to be added to the flat configuration.
+ */
+export default function vue(languageConfig: LanguageConfig): Linter.Config[];

package/dist/eslint/config/vue.js

@@ -0,0 +1,42 @@
+import vuePlugin from "eslint-plugin-vue";
+import vueParser from "vue-eslint-parser";
+import tseslint from "typescript-eslint";
+import { fixMissingFilesOption } from "../shared/env-utils.js";
+// functions ==================================================================
+/**
+ * Creates configuration objects with linter rules for Vue.js.
+ *
+ * Wraps the following packages:
+ * - `eslint-plugin-vue`
+ *
+ * @param languageConfig
+ *  Resolved language configuration options.
+ *
+ * @returns
+ *  An array of configuration objects to be added to the flat configuration.
+ */
+export default function vue(languageConfig) {
+    // add missing "files" property in configurations with rules (otherwise, plugin conflicts with "@eslint/markdown")
+    return fixMissingFilesOption([
+        // use TypeScript parser for Vue files
+        {
+            languageOptions: {
+                parser: vueParser,
+                parserOptions: {
+                    parser: tseslint.parser,
+                    sourceType: "module",
+                    ecmaVersion: languageConfig.ecmaVersion,
+                },
+            },
+        },
+        // register rule implementations and recommended rules
+        ...vuePlugin.configs["flat/recommended"],
+        // reconfigure plugin rules
+        {
+            rules: {
+                "vue/singleline-html-element-content-newline": "off",
+                "vue/max-attributes-per-line": "off",
+            },
+        },
+    ]);
+}

package/dist/eslint/config/yaml.d.ts

@@ -1,15 +1,15 @@
 import type { Linter } from "eslint";
-import type { StylisticOptions } from "../shared/env-utils.js";
+import { type StylisticConfig } from "../shared/env-utils.js";
 /**
  * Defines standard linting rules for YAML files.
  *
  * Wraps the following packages:
  * - `eslint-plugin-yml`
  *
- * @param options
+ * @param stylisticConfig
  *  Resolved configuration options.
  *
  * @returns
  *  An array of configuration objects to be added to the flat configuration.
  */
-export default function yaml(options: Required<StylisticOptions>): Linter.Config[];
+export default function yaml(stylisticConfig: StylisticConfig): Linter.Config[];

package/dist/eslint/config/yaml.js

@@ -1,4 +1,5 @@
 import yamlPlugin from "eslint-plugin-yml";
+import { fixMissingFilesOption } from "../shared/env-utils.js";
 // functions ==================================================================
 /**
  * Defines standard linting rules for YAML files.
@@ -6,26 +7,24 @@ import yamlPlugin from "eslint-plugin-yml";
  * Wraps the following packages:
  * - `eslint-plugin-yml`
  *
- * @param options
+ * @param stylisticConfig
  *  Resolved configuration options.
  *
  * @returns
  *  An array of configuration objects to be added to the flat configuration.
  */
-export default function yaml(options) {
-    const configs = [
+export default function yaml(stylisticConfig) {
+    // add missing "files" property in configurations with rules (otherwise, plugin conflicts with "@eslint/markdown")
+    return fixMissingFilesOption([
         // register rule implementations and recommended rules
         ...yamlPlugin.configs["flat/recommended"],
         // reconfigure plugin rules
         {
             rules: {
-                "yml/indent": ["error", options.indent],
+                "yml/indent": ["error", stylisticConfig.indent.yaml],
                 "yml/key-spacing": ["error", { mode: "minimum" }],
                 "yml/require-string-key": "error",
             },
         },
-    ];
-    // add missing "files" property in configurations with rules (otherwise, plugin conflicts with "@eslint/markdown")
-    const files = configs.find(config => config.files)?.files;
-    return configs.map(config => (!config.files && config.rules) ? { ...config, files } : config);
+    ]);
 }

package/dist/eslint/index.js

@@ -1,6 +1,7 @@
 import base from "./config/base.js";
 import js from "./config/js.js";
 import ts from "./config/ts.js";
+import vue from "./config/vue.js";
 import json from "./config/json.js";
 import yaml from "./config/yaml.js";
 import markdown from "./config/markdown.js";
@@ -55,33 +56,41 @@ export function configure(options) {
         ...(options?.ignores ?? []),
     ];
     // resolve language configuration options
-    const languageOptions = {
-        ecmaVersion: 2022,
+    const languageConfig = {
+        ecmaVersion: "latest",
         sourceType: "module",
         nativeDecorators: false,
         ...options?.language,
     };
     // resolve stylistic configuration options
-    const stylisticOptions = {
-        indent: 4,
+    const stylisticConfig = {
         semi: "always",
         quotes: "double",
         dangle: "always",
         ...options?.stylistic,
+        indent: {
+            js: 4,
+            json: 4,
+            yaml: 2,
+            vue: 2,
+            ...options?.stylistic?.indent,
+        },
     };
     return [
         // ignore certain files and folders
         { ignores },
         // module types and standard rules for all JS/TS source files
-        ...base(languageOptions),
+        ...base(languageConfig),
         // default configuration for JavaScript files
         ...js(),
         // default configuration for TypeScript files
         ...ts(),
+        // default configuration for Vue.js files
+        ...vue(languageConfig),
         // default configuration for JSON files
-        ...json(stylisticOptions),
+        ...json(stylisticConfig),
         // default configuration for YAML files
-        ...yaml(stylisticOptions),
+        ...yaml(stylisticConfig),
         // default configuration for Markdown files
         ...markdown(),
         // check for correct license headers
@@ -89,13 +98,13 @@ export function configure(options) {
         // default configuration for ESLint inline directives
         ...directives(),
         // default configuration for imports/exports
-        ...imports(languageOptions),
+        ...imports(languageConfig),
         // default configuration for native promises
         ...promises(),
         // default configuration for JSDoc
         ...jsdoc(),
         // default configuration for code style checks
-        ...stylistic(stylisticOptions),
+        ...stylistic(stylisticConfig),
         // custom rules
         ...(options?.rules ? [{ rules: options.rules }] : []),
     ];

package/dist/eslint/shared/env-utils.d.ts

@@ -1,11 +1,14 @@
 import type { Linter } from "eslint";
+export type DeepRequired<T> = {
+    [key in keyof T]-?: DeepRequired<T[key]>;
+};
 /**
  * Configuration options for language and project setup.
  */
 export interface LanguageOptions {
     /**
      * The ECMAScript version to be used in the project (version or year).
-     * Default value is `2022`.
+     * Default value is `latest`.
      */
     ecmaVersion?: Linter.EcmaVersion;
     /**
@@ -24,16 +27,38 @@ export interface LanguageOptions {
      */
     nativeDecorators?: boolean;
 }
+export type LanguageConfig = DeepRequired<LanguageOptions>;
+/**
+ * Configuration options for code indentation.
+ */
+export interface IndentOptions {
+    /**
+     * Indentation size for JavaScript and TypeScript files, including JSX.
+     * Default value is `4`.
+     */
+    js?: number;
+    /**
+     * Indentation size for JSON files. Default value is `4`.
+     */
+    json?: number;
+    /**
+     * Indentation size for YAML files. Default value is `2`.
+     */
+    yaml?: number;
+    /**
+     * Indentation size for Vue.js files. Default value is `2`.
+     */
+    vue?: number;
+}
 /**
  * Configuration options for code style.
  */
 export interface StylisticOptions {
     /**
-     * Default indentation size (number of space characters). Will be applied
-     * to JavaScript, TypeScript, JSON, and YAML files, as well as JSX markup.
-     * Default value is `4`.
+     * Default indentation sizes (number of space characters) for various file
+     * types. See `IndentOptions` for default values.
      */
-    indent?: number;
+    indent?: IndentOptions;
     /**
      * Specifies how to treat semicolons.
      *
@@ -61,6 +86,7 @@ export interface StylisticOptions {
      */
     dangle?: "always" | "never" | "off";
 }
+export type StylisticConfig = DeepRequired<StylisticOptions>;
 /**
  * Shared options for an environment preset with included and excluded files.
  */
@@ -195,3 +221,15 @@ export declare function createConfig(envOptions: EnvFilesOptions, flatConfig: Li
  *  custom rule settings, otherwise `undefined`.
  */
 export declare function customRules(envOptions: EnvBaseOptions, rules?: Linter.RulesRecord): Linter.Config | undefined;
+/**
+ * Finds the first configuration object with a "files" property, and copies
+ * this property into all other configurations objects with language options or
+ * rules but lacking the "files" property.
+ *
+ * @param configs
+ *  The configuration objects to be fixed.
+ *
+ * @returns
+ *  The fixed configuration options.
+ */
+export declare function fixMissingFilesOption(configs: Linter.Config[]): Linter.Config[];

package/dist/eslint/shared/env-utils.js

@@ -126,3 +126,18 @@ export function customRules(envOptions, rules) {
         rules: { ...rules, ...envOptions.rules },
     });
 }
+/**
+ * Finds the first configuration object with a "files" property, and copies
+ * this property into all other configurations objects with language options or
+ * rules but lacking the "files" property.
+ *
+ * @param configs
+ *  The configuration objects to be fixed.
+ *
+ * @returns
+ *  The fixed configuration options.
+ */
+export function fixMissingFilesOption(configs) {
+    const files = configs.find(config => config.files)?.files;
+    return files ? configs.map(config => (!config.files && (config.languageOptions || config.rules)) ? { ...config, files } : config) : configs;
+}

package/doc/eslint/README.md

@@ -13,9 +13,10 @@ Generates standard configuration targeting the source files in the entire projec
 | JavaScript and TypeScript files (including `.jsx` and `.tsx`) | ESLint core rules |
 | JavaScript files only (including `.jsx`) | ESLint core rules |
 | TypeScript files with type-aware rules (including `.tsx`) | [typescript-eslint](https://typescript-eslint.io/) |
-| JSON files | [eslint-plugin-jsonc](https://ota-meshi.github.io/eslint-plugin-jsonc/) |
-| YAML files | [eslint-plugin-yml](https://ota-meshi.github.io/eslint-plugin-yml/) |
-| Markdown files | [@eslint/markdown](https://github.com/eslint/markdown) |
+| [Vue.js](https://vuejs.org) files (`.vue`) | [eslint-plugin-vue](https://eslint.vuejs.org) |
+| JSON files (`.json`) | [eslint-plugin-jsonc](https://ota-meshi.github.io/eslint-plugin-jsonc/) |
+| YAML files (`.yaml`, `.yml`) | [eslint-plugin-yml](https://ota-meshi.github.io/eslint-plugin-yml/) |
+| Markdown files (`.md`) | [@eslint/markdown](https://github.com/eslint/markdown) |
 | License headers | [eslint-plugin-license-header](https://github.com/nikku/eslint-plugin-license-header) |
 | ESLint inline directives | [@eslint-community/eslint-plugin-eslint-comments](https://github.com/eslint-community/eslint-plugin-eslint-comments) |
 | Module imports | [eslint-plugin-import](https://github.com/import-js/eslint-plugin-import) |
@@ -36,11 +37,15 @@ function configure(options?: ConfigureOptions): Linter.Config[]
 | `ignores` | `string[]` | `[]` | Glob patterns with all files and folders to be ignored by ESLint. This package already defines a few standard ignore globs (see below). |
 | `license` | `string` | `""` | Full path to the template file containing the license header to be used in all source files. |
 | `language` | `LanguageOptions` | | Configuration options for language and project setup. |
-| `language.ecmaVersion` | `number` | `2022` | The ECMAScript version to be used in the project (version or year). |
+| `language.ecmaVersion` | `number\|"latest"` | `latest` | The ECMAScript version to be used in the project (version or year). |
 | `language.sourceType` | `"module"\|"commonjs"` | `"module"` | Specifies how to treat `.js`, `.jsx`, `.ts`, and `.tsx` files. |
 | `language.nativeDecorators` | `boolean` | `false` | Whether to support native ES decorators in JavaScript code (via Babel plugin). Does not affect TypeScript code which uses an own parser aware of the decorator syntax. |
 | `stylistic` | `StylisticOptions` | | Configuration options for code style. |
-| `stylistic.indent` | `number` | `4` | Default indentation size (number of space characters). Will be applied to JavaScript, TypeScript, JSON, and YAML files, as well as JSX markup. |
+| `stylistic.indent` | `IndentOptions` | `{}` | Indentation size (number of space characters) per file type. |
+| `stylistic.indent.js` | `number` | `4` | JavaScript and TypeScript files (including `.jsx`, `.tsx`). |
+| `stylistic.indent.json` | `number` | `4` | JSON files (`.json`). |
+| `stylistic.indent.yaml` | `number` | `2` | YAML files (`.yaml`, `.yml`). |
+| `stylistic.indent.vue` | `number` | `2` | Vue.js files (`.vue`). |
 | `stylistic.semi` | `"always"\|"never"\|"off"` | `"always"` | Specifies whether to require semicolons following all statements (`"always"`), or to force to omit semicolons if possible according to ASI rules (`"never"`). |
 | `stylistic.quotes` | `"single"\|"double"\|"off"` | `"double"` | The type of the string delimiter character. |
 | `stylistic.dangle` | `"always"\|"never"\|"off"` | `"always"` | Specifies how to treat dangling commas in multiline lists. |
@@ -86,7 +91,7 @@ The names of the environment presets are linked to detailed descriptions.
 | - | - |
 | [`env.node`](./env/node.md) | Modules running in NodeJS. |
 | [`env.browser`](./env/browser.md) | Modules running in browsers. |
-| [`env.react`](./env/react.md) | Modules using [React](https://react.dev/) library. |
+| [`env.react`](./env/react.md) | Modules using [React](https://react.dev/). |
 | [`env.jest`](./env/jest.md) | Unit tests with [Jest](https://jestjs.io/). |
 | [`env.vitest`](./env/vitest.md) | Unit tests with [Vitest](https://vitest.dev/). |
 | [`env.codecept`](./env/codecept.md) | E2E tests with [CodeceptJS](https://codecept.io/). |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-xchange/linter-presets",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "description": "Configuration presets for ESLint and StyleLint",
   "repository": {
     "type": "git",
@@ -8,7 +8,7 @@
   },
   "license": "MIT",
   "engines": {
-    "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+    "node": ">=20.18"
   },
   "packageManager": "yarn@4.5.1",
   "type": "module",
@@ -53,6 +53,7 @@
     "eslint-plugin-react-hooks-static-deps": "^1.0.7",
     "eslint-plugin-react-refresh": "^0.4.14",
     "eslint-plugin-testing-library": "^6.4.0",
+    "eslint-plugin-vue": "^9.31.0",
     "eslint-plugin-yml": "^1.15.0",
     "find-up": "^7.0.0",
     "globals": "^15.12.0",
@@ -61,7 +62,8 @@
     "stylelint-config-standard-less": "^3.0.1",
     "stylelint-config-standard-scss": "^13.1.0",
     "stylelint-plugin-license-header": "^1.0.3",
-    "typescript-eslint": "^8.13.0"
+    "typescript-eslint": "^8.13.0",
+    "vue-eslint-parser": "^9.4.3"
   },
   "devDependencies": {
     "@types/confusing-browser-globals": "^1.0.3",