diff --git a/.eslintrc.js b/.eslintrc.js index cb321b95..ec0e9486 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -1,3 +1,7 @@ +const a11yOff = Object + .keys(require('eslint-plugin-vuejs-accessibility').rules) + .reduce((acc, rule) => { acc[`vuejs-accessibility/${rule}`] = 'off'; return acc; }, {}); + module.exports = { root: true, @@ -23,6 +27,7 @@ module.exports = { 'max-len': ['off'], 'import/prefer-default-export': ['off'], 'no-underscore-dangle': ['error', { allow: ['_id', '_from', '_to', '_key'] }], + ...a11yOff, }, parserOptions: { diff --git a/package.json b/package.json index 2e95f38e..fda5ec46 100644 --- a/package.json +++ b/package.json @@ -35,21 +35,22 @@ "vuex": "^3.5.1" }, "devDependencies": { - "@typescript-eslint/eslint-plugin": "^2.33.0", - "@typescript-eslint/parser": "^2.33.0", + "@typescript-eslint/eslint-plugin": "^5.30.5", + "@typescript-eslint/parser": "^5.30.5", "@vue/cli-plugin-babel": "^4.1.0", - "@vue/cli-plugin-eslint": "~4.5.0", + "@vue/cli-plugin-eslint": "^5.0.8", "@vue/cli-plugin-typescript": "^3.11.0", "@vue/cli-plugin-unit-jest": "^4.1.1", "@vue/cli-service": "^4.1.0", - "@vue/eslint-config-airbnb": "^5.0.2", - "@vue/eslint-config-typescript": "^5.0.2", + "@vue/eslint-config-airbnb": "^6.0.0", + "@vue/eslint-config-typescript": "^11.0.0", "@vue/test-utils": "^1.0.0-beta.30", "babel-eslint": "^10.0.3", "babel-jest": "^24.9.0", - "eslint": "^7.10.0", - "eslint-plugin-import": "^2.20.2", - "eslint-plugin-vue": "^7.0.0-beta.4", + "eslint": "^8.19.0", + "eslint-plugin-import": "^2.26.0", + "eslint-plugin-vue": "^9.2.0", + "eslint-plugin-vuejs-accessibility": "^1.2.0", "jest": "^24.9.0", "lint-staged": "^10.5.0", "react": "^17.0.1", diff --git a/src/App.vue b/src/App.vue index 4c5b8a3f..5bc071ed 100644 --- a/src/App.vue +++ b/src/App.vue @@ -5,8 +5,8 @@ import { ref, computed, Ref, } from '@vue/composition-api'; -import Alert from '@/components/Alert.vue'; -import Controls from '@/components/Controls.vue'; +import AlertBanner from '@/components/AlertBanner.vue'; +import ControlPanel from '@/components/ControlPanel.vue'; import MultiLink from '@/components/MultiLink.vue'; import ProvVis from '@/components/ProvVis.vue'; @@ -14,8 +14,8 @@ export default { name: 'App', components: { - Alert, - Controls, + AlertBanner, + ControlPanel, MultiLink, ProvVis, }, @@ -64,13 +64,13 @@ export default {