4.0.0 (#96)

* Bump deps

* Prettier 2.x.x. changes

* Change vue/component-name-in-template-casing to default

PascalCase

* Add vue/component-definition-name-casing

* Add vue/component-tags-order

* v7 prep

* Add vue/prop-name-casing

* Add vue/valid-v-bind-sync

* Add vue/no-static-inline-styles

* Remove deprecated vue/name-property-casing

Author: tclindner

index.js

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

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-config-vue-tc",
-  "version": "3.0.0",
+  "version": "4.0.0",
   "description": "ESLint shareable config for Vue projects",
   "keywords": [
     "eslintconfig",
@@ -36,20 +36,20 @@
   },
   "devDependencies": {
     "babel-eslint": "^10.1.0",
-    "eslint": "^6.7.2",
-    "eslint-config-tc": "^11.0.0",
+    "eslint": "^6.8.0",
+    "eslint-config-tc": "^12.0.0",
     "eslint-formatter-pretty": "^3.0.1",
     "eslint-plugin-eslint-comments": "^3.1.2",
     "eslint-plugin-import": "^2.20.2",
     "eslint-plugin-jest": "^23.8.2",
-    "eslint-plugin-prettier": "^3.1.1",
+    "eslint-plugin-prettier": "^3.1.2",
     "eslint-plugin-vue": "^6.2.2",
     "eslint-plugin-vue-a11y": "^0.0.31",
     "is-plain-obj": "^2.1.0",
     "jest": "^25.3.0",
     "npm-package-json-lint": "^4.6.0",
     "npm-package-json-lint-config-tc": "^3.0.0",
-    "prettier": "^1.19.1"
+    "prettier": "^2.0.4"
   },
   "peerDependencies": {
     "eslint": "^6.0.0",

package.json

@@ -6,8 +6,8 @@ module.exports = {
     'vue-a11y/aria-role': [
       2,
       {
-        ignoreNonDOM: true
-      }
+        ignoreNonDOM: true,
+      },
     ],
     'vue-a11y/aria-props': 'error',
     'vue-a11y/aria-unsupported-elements': 'error',
@@ -25,6 +25,6 @@ module.exports = {
     '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'
-  }
+    'vue-a11y/tabindex-no-positive': 'error',
+  },
 };

rules/a11y.js

@@ -1,39 +1,49 @@
 module.exports = {
   rules: {
-    'vue/component-name-in-template-casing': ['error', 'kebab-case'],
+    'vue/component-definition-name-casing': 'error',
+    'vue/component-name-in-template-casing': 'error',
+    'vue/component-tags-order': 'error',
     'vue/dot-location': 'error',
     'vue/html-self-closing': [
       'warn',
       {
         html: {
           void: 'always',
           normal: 'always',
-          component: 'always'
+          component: 'always',
         },
         svg: 'always',
-        math: 'always'
-      }
+        math: 'always',
+      },
     ],
     'vue/keyword-spacing': 'error',
     'vue/match-component-file-name': [
       'error',
       {
         extensions: ['jsx'],
-        shouldMatchCase: false
-      }
+        shouldMatchCase: false,
+      },
     ],
     'vue/max-attributes-per-line': 'off',
-    'vue/name-property-casing': ['error', 'kebab-case'],
     'vue/no-boolean-default': 'error',
+    // Add with v7 of eslint-plugin-vue when it is released.
+    // 'vue/no-custom-modifiers-on-v-model': 'error',
     'vue/no-deprecated-slot-attribute': 'error',
     'vue/no-deprecated-slot-scope-attribute': 'error',
     'vue/no-empty-pattern': 'error',
     'vue/no-irregular-whitespace': 'error',
+    // Add with v7 of eslint-plugin-vue when it is released.
+    // 'vue/no-multiple-template-root': 'error',
     'vue/no-reserved-component-names': 'error',
+    'vue/no-static-inline-styles': 'error',
+    // Add with v7 of eslint-plugin-vue when it is released.
+    // 'vue/no-v-model-argument': 'error',
     'vue/padding-line-between-blocks': 'error',
+    'vue/prop-name-casing': 'error',
     'vue/require-direct-export': 'error',
     'vue/require-name-property': 'error',
+    'vue/valid-v-bind-sync': 'error',
     'vue/valid-v-slot': 'error',
-    'vue/v-slot-style': 'error'
-  }
+    'vue/v-slot-style': 'error',
+  },
 };

rules/vue.js

@@ -6,9 +6,9 @@ module.exports = {
         props: true,
         ignorePropertyModificationsFor: [
           // vuex
-          'state'
-        ]
-      }
-    ]
-  }
+          'state',
+        ],
+      },
+    ],
+  },
 };

rules/vuex.js

@@ -38,7 +38,7 @@ describe('eslint config tests', () => {
       const expectedErrorColumnNum = 16;
       const linter = new eslint.CLIEngine({
         useEslintrc: false,
-        configFile: '.eslintrc.json'
+        configFile: '.eslintrc.json',
       });
       const errors = linter.executeOnText(code).results[0].messages;
       const error = errors[0];