eslint-plugin-vue-a11y (#14)

* Showing what the vue-a11y plugin defaults would look like

* Fixing prettier rule

Author: Conrad2134

README.md

@@ -31,7 +31,7 @@ npx install-peerdeps --dev eslint-config-vue-tc
 
 > eslint and eslint-plugin-vue are peer dependencies and must be installed.
 
-**This module works best when paired with [`eslint-config-tc`](https://github.com/tclindner/eslint-config-tc). Please follow it's install instructions.**
+**This module works best when paired with [`eslint-config-tc`](https://github.com/tclindner/eslint-config-tc). Please follow its install instructions.**
 
 ## Usage
 

index.js

@@ -1,11 +1,12 @@
 const vue = require.resolve('./rules/vue');
+const a11y = require.resolve('./rules/a11y');
 
 module.exports = {
-  extends: ['plugin:vue/recommended', vue],
+  extends: ['plugin:vue/recommended', vue, a11y],
   parserOptions: {
     parser: 'babel-eslint'
   },
-  plugins: ['vue'],
+  plugins: ['vue', 'vue-a11y'],
   env: {
     es6: true
   }

package-lock.json

@@ -43,6 +43,7 @@
     "eslint-plugin-jest": "^22.15.0",
     "eslint-plugin-prettier": "^3.1.0",
     "eslint-plugin-vue": "^5.2.3",
+    "eslint-plugin-vue-a11y": "^0.0.31",
     "is-plain-obj": "^2.0.0",
     "jest": "^24.8.0",
     "npm-package-json-lint": "^3.7.0",
@@ -51,7 +52,8 @@
   },
   "peerDependencies": {
     "eslint": "^6.1.0",
-    "eslint-plugin-vue": "^5.2.3"
+    "eslint-plugin-vue": "^5.2.3",
+    "eslint-plugin-vue-a11y": "^0.0.31"
   },
   "engines": {
     "node": ">=8.0.0",

package.json

@@ -0,0 +1,30 @@
+module.exports = {
+  rules: {
+    'vue-a11y/accessible-emoji': 'error',
+    'vue-a11y/alt-text': 'error',
+    'vue-a11y/anchor-has-content': 'error',
+    'vue-a11y/aria-role': [
+      2,
+      {
+        ignoreNonDOM: true
+      }
+    ],
+    'vue-a11y/aria-props': 'error',
+    'vue-a11y/aria-unsupported-elements': 'error',
+    'vue-a11y/click-events-have-key-events': 'error',
+    'vue-a11y/form-has-label': 'error',
+    'vue-a11y/heading-has-content': 'error',
+    'vue-a11y/iframe-has-title': 'error',
+    'vue-a11y/interactive-supports-focus': 'error',
+    'vue-a11y/label-has-for': 'error',
+    'vue-a11y/media-has-caption': 'error',
+    'vue-a11y/mouse-events-have-key-events': 'error',
+    'vue-a11y/no-access-key': 'error',
+    'vue-a11y/no-autofocus': 'error',
+    'vue-a11y/no-distracting-elements': 'error',
+    'vue-a11y/no-onchange': 'error',
+    'vue-a11y/no-redundant-roles': 'error',
+    'vue-a11y/role-has-required-aria-props': 'error',
+    'vue-a11y/tabindex-no-positive': 'error'
+  }
+};