feat(vue): support accessibility

(cherry picked from commit 330ef08)

Author: mutoe

package.json

@@ -122,6 +122,7 @@
     "eslint-plugin-unicorn": "^55.0.0",
     "eslint-plugin-unused-imports": "^4.1.3",
     "eslint-plugin-vue": "^9.27.0",
+    "eslint-plugin-vuejs-accessibility": "^2.4.1",
     "eslint-plugin-yml": "^1.14.0",
     "eslint-processor-vue-blocks": "^0.1.2",
     "globals": "^15.9.0",

pnpm-lock.yaml

@@ -1,12 +1,13 @@
 import { mergeProcessors } from 'eslint-merge-processors'
-import { interopDefault } from '../utils'
+import { changeLevel, interopDefault } from '../utils'
 import type { OptionsFiles, OptionsHasTypeScript, OptionsOverrides, OptionsStylistic, OptionsVue, TypedFlatConfigItem } from '../types'
 import { GLOB_VUE } from '../globs'
 
 export async function vue(
   options: OptionsVue & OptionsHasTypeScript & OptionsOverrides & OptionsStylistic & OptionsFiles = {},
 ): Promise<TypedFlatConfigItem[]> {
   const {
+    accessibility = true,
     files = [GLOB_VUE],
     overrides = {},
     stylistic = true,
@@ -25,11 +26,13 @@ export async function vue(
     pluginVue,
     parserVue,
     processorVueBlocks,
+    pluginVueAccessibility,
   ] = await Promise.all([
     // @ts-expect-error missing types
     interopDefault(import('eslint-plugin-vue')),
     interopDefault(import('vue-eslint-parser')),
     interopDefault(import('eslint-processor-vue-blocks')),
+    interopDefault(import('eslint-plugin-vuejs-accessibility')),
   ] as const)
 
   return [
@@ -56,7 +59,8 @@ export async function vue(
       },
       name: 'antfu/vue/setup',
       plugins: {
-        vue: pluginVue,
+        'vue': pluginVue,
+        'vuejs-accessibility': pluginVueAccessibility,
       },
     },
     {
@@ -102,6 +106,12 @@ export async function vue(
               ...pluginVue.configs['vue3-recommended'].rules as any,
             },
 
+        ...accessibility
+          ? {
+              ...changeLevel(pluginVueAccessibility.configs.recommended.rules, 'error', 'warn'),
+            }
+          : {},
+
         'node/prefer-global/process': 'off',
         'vue/block-order': ['error', {
           order: ['script', 'template', 'style'],

src/configs/vue.ts

@@ -44,6 +44,14 @@ export interface OptionsVue extends OptionsOverrides {
    * @default 3
    */
   vueVersion?: 2 | 3
+
+  /**
+   * Enable accessibility support.
+   *
+   * @see https://vue-a11y.github.io/eslint-plugin-vuejs-accessibility/
+   * @default true
+   */
+  accessibility?: boolean
 }
 
 export type OptionsTypescript =

src/types.ts

@@ -152,3 +152,15 @@ export function isInGitHooksOrLintStaged(): boolean {
     || process.env.npm_lifecycle_script?.startsWith('lint-staged')
   )
 }
+
+export function changeLevel<T extends Record<string, unknown>>(rules: T, from: string, to: string): T {
+  return Object.fromEntries(Object.entries(rules).map(
+    ([key, value]) => {
+      if (value === from)
+        value = to
+      else if (Array.isArray(value) && value.at(0) === from)
+        value = [to, ...value.slice(1)]
+      return [key, value]
+    },
+  )) as T
+}