Merge branch 'master' into add-rule/valid-slot-scope

# Conflicts:
#	README.md

Author: ota-meshi

.eslintrc.js

@@ -21,7 +21,8 @@ module.exports = {
   rules: {
     'eslint-plugin/report-message-format': ['error', '^[A-Z`\'{].*\\.$'],
     'eslint-plugin/prefer-placeholders': 'error',
-    'eslint-plugin/consistent-output': 'error'
+    'eslint-plugin/consistent-output': 'error',
+    'no-mixed-operators': 'error'
   },
 
   overrides: [{

README.md

@@ -166,6 +166,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 |  | [vue/require-v-for-key](./docs/rules/require-v-for-key.md) | require `v-bind:key` with `v-for` directives |
 |  | [vue/require-valid-default-prop](./docs/rules/require-valid-default-prop.md) | enforce props default values to be valid |
 |  | [vue/return-in-computed-property](./docs/rules/return-in-computed-property.md) | enforce that a return statement is present in computed property |
+|  | [vue/use-v-on-exact](./docs/rules/use-v-on-exact.md) | enforce usage of `exact` modifier on `v-on` |
 |  | [vue/valid-template-root](./docs/rules/valid-template-root.md) | enforce valid template root |
 |  | [vue/valid-v-bind](./docs/rules/valid-v-bind.md) | enforce valid `v-bind` directives |
 |  | [vue/valid-v-cloak](./docs/rules/valid-v-cloak.md) | enforce valid `v-cloak` directives |
@@ -194,19 +195,23 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 |    | Rule ID | Description |
 |:---|:--------|:------------|
 | :wrench: | [vue/attribute-hyphenation](./docs/rules/attribute-hyphenation.md) | enforce attribute naming style on custom components in template |
+| :wrench: | [vue/component-name-in-template-casing](./docs/rules/component-name-in-template-casing.md) | enforce specific casing for the component naming style in template |
 | :wrench: | [vue/html-closing-bracket-newline](./docs/rules/html-closing-bracket-newline.md) | require or disallow a line break before tag's closing brackets |
 | :wrench: | [vue/html-closing-bracket-spacing](./docs/rules/html-closing-bracket-spacing.md) | require or disallow a space before tag's closing brackets |
 | :wrench: | [vue/html-end-tags](./docs/rules/html-end-tags.md) | enforce end tag style |
 | :wrench: | [vue/html-indent](./docs/rules/html-indent.md) | enforce consistent indentation in `<template>` |
 | :wrench: | [vue/html-self-closing](./docs/rules/html-self-closing.md) | enforce self-closing style |
 | :wrench: | [vue/max-attributes-per-line](./docs/rules/max-attributes-per-line.md) | enforce the maximum number of attributes per line |
+| :wrench: | [vue/multiline-html-element-content-newline](./docs/rules/multiline-html-element-content-newline.md) | require a line break before and after the contents of a multiline element |
 | :wrench: | [vue/mustache-interpolation-spacing](./docs/rules/mustache-interpolation-spacing.md) | enforce unified spacing in mustache interpolations |
 | :wrench: | [vue/name-property-casing](./docs/rules/name-property-casing.md) | enforce specific casing for the name property in Vue components |
 | :wrench: | [vue/no-multi-spaces](./docs/rules/no-multi-spaces.md) | disallow multiple spaces |
+| :wrench: | [vue/no-spaces-around-equal-signs-in-attribute](./docs/rules/no-spaces-around-equal-signs-in-attribute.md) | disallow spaces around equal signs in attribute |
 |  | [vue/no-template-shadow](./docs/rules/no-template-shadow.md) | disallow variable declarations from shadowing variables declared in the outer scope |
 | :wrench: | [vue/prop-name-casing](./docs/rules/prop-name-casing.md) | enforce specific casing for the Prop name in Vue components |
 |  | [vue/require-default-prop](./docs/rules/require-default-prop.md) | require default value for props |
 |  | [vue/require-prop-types](./docs/rules/require-prop-types.md) | require type definitions in props |
+| :wrench: | [vue/singleline-html-element-content-newline](./docs/rules/singleline-html-element-content-newline.md) | require a line break before and after the contents of a singleline element |
 | :wrench: | [vue/v-bind-style](./docs/rules/v-bind-style.md) | enforce `v-bind` directive style |
 | :wrench: | [vue/v-on-style](./docs/rules/v-on-style.md) | enforce `v-on` directive style |
 
@@ -232,12 +237,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 
 |    | Rule ID | Description |
 |:---|:--------|:------------|
-| :wrench: | [vue/component-name-in-template-casing](./docs/rules/component-name-in-template-casing.md) | enforce specific casing for the component naming style in template |
-| :wrench: | [vue/multiline-html-element-content-newline](./docs/rules/multiline-html-element-content-newline.md) | require a line break before and after the contents of a multiline element |
-| :wrench: | [vue/no-spaces-around-equal-signs-in-attribute](./docs/rules/no-spaces-around-equal-signs-in-attribute.md) | disallow spaces around equal signs in attribute |
 | :wrench: | [vue/script-indent](./docs/rules/script-indent.md) | enforce consistent indentation in `<script>` |
-| :wrench: | [vue/singleline-html-element-content-newline](./docs/rules/singleline-html-element-content-newline.md) | require a line break before and after the contents of a singleline element |
-|  | [vue/use-v-on-exact](./docs/rules/use-v-on-exact.md) | enforce usage of `exact` modifier on `v-on` |
 |  | [vue/valid-slot-scope](./docs/rules/valid-slot-scope.md) | enforce valid `slot-scope` attributes |
 
 ### Deprecated
@@ -319,6 +319,7 @@ In order to add a new rule, you should:
 - Write test scenarios & implement logic
 - Describe the rule in the generated `docs` file
 - Make sure all tests are passing
+- Run `npm run lint` and fix any errors
 - Run `npm run update` in order to update readme and recommended configuration
 - Create PR and link created issue in description
 

docs/rules/component-name-in-template-casing.md

@@ -1,5 +1,6 @@
 # enforce specific casing for the component naming style in template (vue/component-name-in-template-casing)
 
+- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 Define a style for the component name in template casing for consistency purposes.

docs/rules/multiline-html-element-content-newline.md

@@ -1,5 +1,6 @@
 # require a line break before and after the contents of a multiline element (vue/multiline-html-element-content-newline)
 
+- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details

docs/rules/no-spaces-around-equal-signs-in-attribute.md

@@ -1,5 +1,6 @@
 # disallow spaces around equal signs in attribute (vue/no-spaces-around-equal-signs-in-attribute)
 
+- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 This rule disallow spaces around equal signs in attribute.

docs/rules/singleline-html-element-content-newline.md

@@ -1,5 +1,6 @@
 # require a line break before and after the contents of a singleline element (vue/singleline-html-element-content-newline)
 
+- :gear: This rule is included in `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
 - :wrench: The `--fix` option on the [command line](https://eslint.org/docs/user-guide/command-line-interface#fixing-problems) can automatically fix some of the problems reported by this rule.
 
 ## :book: Rule Details

docs/rules/use-v-on-exact.md

@@ -1,5 +1,7 @@
 # enforce usage of `exact` modifier on `v-on` (vue/use-v-on-exact)
 
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+
 This rule enforce usage of `exact` modifier on `v-on` when there is another `v-on` with modifier.
 
 :+1: Examples of **correct** code for this rule:

docs/rules/valid-v-bind.md

@@ -15,6 +15,8 @@ This rule does not report `v-bind` directives which do not have their argument (
 
 This rule does not check syntax errors in directives because it's checked by [no-parsing-error] rule.
 
+:-1: Examples of **incorrect** code for this rule:
+
 ```html
 <div v-bind/>
 <div :aaa/>

lib/configs/essential.js

@@ -24,6 +24,7 @@ module.exports = {
     'vue/require-v-for-key': 'error',
     'vue/require-valid-default-prop': 'error',
     'vue/return-in-computed-property': 'error',
+    'vue/use-v-on-exact': 'error',
     'vue/valid-template-root': 'error',
     'vue/valid-v-bind': 'error',
     'vue/valid-v-cloak': 'error',

lib/configs/recommended.js

@@ -6,10 +6,10 @@
 module.exports = {
   extends: require.resolve('./strongly-recommended'),
   rules: {
-    'vue/attributes-order': 'error',
-    'vue/html-quotes': 'error',
-    'vue/no-v-html': 'error',
-    'vue/order-in-components': 'error',
-    'vue/this-in-template': 'error'
+    'vue/attributes-order': 'warn',
+    'vue/html-quotes': 'warn',
+    'vue/no-v-html': 'warn',
+    'vue/order-in-components': 'warn',
+    'vue/this-in-template': 'warn'
   }
 }

lib/configs/strongly-recommended.js

@@ -6,21 +6,25 @@
 module.exports = {
   extends: require.resolve('./essential'),
   rules: {
-    'vue/attribute-hyphenation': 'error',
-    'vue/html-closing-bracket-newline': 'error',
-    'vue/html-closing-bracket-spacing': 'error',
-    'vue/html-end-tags': 'error',
-    'vue/html-indent': 'error',
-    'vue/html-self-closing': 'error',
-    'vue/max-attributes-per-line': 'error',
-    'vue/mustache-interpolation-spacing': 'error',
-    'vue/name-property-casing': 'error',
-    'vue/no-multi-spaces': 'error',
-    'vue/no-template-shadow': 'error',
-    'vue/prop-name-casing': 'error',
-    'vue/require-default-prop': 'error',
-    'vue/require-prop-types': 'error',
-    'vue/v-bind-style': 'error',
-    'vue/v-on-style': 'error'
+    'vue/attribute-hyphenation': 'warn',
+    'vue/component-name-in-template-casing': 'warn',
+    'vue/html-closing-bracket-newline': 'warn',
+    'vue/html-closing-bracket-spacing': 'warn',
+    'vue/html-end-tags': 'warn',
+    'vue/html-indent': 'warn',
+    'vue/html-self-closing': 'warn',
+    'vue/max-attributes-per-line': 'warn',
+    'vue/multiline-html-element-content-newline': 'warn',
+    'vue/mustache-interpolation-spacing': 'warn',
+    'vue/name-property-casing': 'warn',
+    'vue/no-multi-spaces': 'warn',
+    'vue/no-spaces-around-equal-signs-in-attribute': 'warn',
+    'vue/no-template-shadow': 'warn',
+    'vue/prop-name-casing': 'warn',
+    'vue/require-default-prop': 'warn',
+    'vue/require-prop-types': 'warn',
+    'vue/singleline-html-element-content-newline': 'warn',
+    'vue/v-bind-style': 'warn',
+    'vue/v-on-style': 'warn'
   }
 }

lib/rules/attribute-hyphenation.js

@@ -13,10 +13,11 @@ const casing = require('../utils/casing')
 
 module.exports = {
   meta: {
+    type: 'suggestion',
     docs: {
       description: 'enforce attribute naming style on custom components in template',
       category: 'strongly-recommended',
-      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.4/docs/rules/attribute-hyphenation.md'
+      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.5/docs/rules/attribute-hyphenation.md'
     },
     fixable: 'code',
     schema: [

lib/rules/attributes-order.js

@@ -103,10 +103,11 @@ function create (context) {
 
 module.exports = {
   meta: {
+    type: 'suggestion',
     docs: {
       description: 'enforce order of attributes',
       category: 'recommended',
-      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.4/docs/rules/attributes-order.md'
+      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.5/docs/rules/attributes-order.md'
     },
     fixable: 'code',
     schema: {

lib/rules/comment-directive.js

@@ -106,10 +106,11 @@ function processLine (context, comment) {
 
 module.exports = {
   meta: {
+    type: 'problem',
     docs: {
       description: 'support comment-directives in `<template>`',
       category: 'base',
-      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.4/docs/rules/comment-directive.md'
+      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.5/docs/rules/comment-directive.md'
     },
     schema: []
   },

lib/rules/component-name-in-template-casing.js

@@ -20,10 +20,11 @@ const defaultCase = 'PascalCase'
 
 module.exports = {
   meta: {
+    type: 'suggestion',
     docs: {
       description: 'enforce specific casing for the component naming style in template',
-      category: undefined, // strongly-recommended
-      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.4/docs/rules/component-name-in-template-casing.md'
+      category: 'strongly-recommended',
+      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.5/docs/rules/component-name-in-template-casing.md'
     },
     fixable: 'code',
     schema: [

lib/rules/html-closing-bracket-newline.js

@@ -29,10 +29,11 @@ function getPhrase (lineBreaks) {
 
 module.exports = {
   meta: {
+    type: 'layout',
     docs: {
       description: "require or disallow a line break before tag's closing brackets",
       category: 'strongly-recommended',
-      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.4/docs/rules/html-closing-bracket-newline.md'
+      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.5/docs/rules/html-closing-bracket-newline.md'
     },
     fixable: 'whitespace',
     schema: [{

lib/rules/html-closing-bracket-spacing.js

@@ -50,10 +50,11 @@ function parseOptions (options, tokens) {
 
 module.exports = {
   meta: {
+    type: 'layout',
     docs: {
       description: 'require or disallow a space before tag\'s closing brackets',
       category: 'strongly-recommended',
-      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.4/docs/rules/html-closing-bracket-spacing.md'
+      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.5/docs/rules/html-closing-bracket-spacing.md'
     },
     schema: [{
       type: 'object',

lib/rules/html-end-tags.js

@@ -17,10 +17,11 @@ const utils = require('../utils')
 
 module.exports = {
   meta: {
+    type: 'suggestion',
     docs: {
       description: 'enforce end tag style',
       category: 'strongly-recommended',
-      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.4/docs/rules/html-end-tags.md'
+      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.5/docs/rules/html-end-tags.md'
     },
     fixable: 'code',
     schema: []

lib/rules/html-indent.js

@@ -26,10 +26,11 @@ module.exports = {
     return utils.defineTemplateBodyVisitor(context, visitor)
   },
   meta: {
+    type: 'layout',
     docs: {
       description: 'enforce consistent indentation in `<template>`',
       category: 'strongly-recommended',
-      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.4/docs/rules/html-indent.md'
+      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.5/docs/rules/html-indent.md'
     },
     fixable: 'whitespace',
     schema: [

lib/rules/html-quotes.js

@@ -17,10 +17,11 @@ const utils = require('../utils')
 
 module.exports = {
   meta: {
+    type: 'layout',
     docs: {
       description: 'enforce quotes style of HTML attributes',
       category: 'recommended',
-      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.4/docs/rules/html-quotes.md'
+      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.5/docs/rules/html-quotes.md'
     },
     fixable: 'code',
     schema: [

lib/rules/html-self-closing.js

@@ -85,10 +85,11 @@ function isEmpty (node, sourceCode) {
 
 module.exports = {
   meta: {
+    type: 'layout',
     docs: {
       description: 'enforce self-closing style',
       category: 'strongly-recommended',
-      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.4/docs/rules/html-self-closing.md'
+      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.5/docs/rules/html-self-closing.md'
     },
     fixable: 'code',
     schema: {

lib/rules/jsx-uses-vars.js

@@ -36,10 +36,11 @@ SOFTWARE.
 
 module.exports = {
   meta: {
+    type: 'problem',
     docs: {
       description: 'prevent variables used in JSX to be marked as unused', // eslint-disable-line consistent-docs-description
       category: 'base',
-      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.4/docs/rules/jsx-uses-vars.md'
+      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.5/docs/rules/jsx-uses-vars.md'
     },
     schema: []
   },

lib/rules/max-attributes-per-line.js

@@ -11,10 +11,11 @@ const utils = require('../utils')
 
 module.exports = {
   meta: {
+    type: 'layout',
     docs: {
       description: 'enforce the maximum number of attributes per line',
       category: 'strongly-recommended',
-      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.4/docs/rules/max-attributes-per-line.md'
+      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.5/docs/rules/max-attributes-per-line.md'
     },
     fixable: 'whitespace', // or "code" or "whitespace"
     schema: [

lib/rules/multiline-html-element-content-newline.js

@@ -9,6 +9,7 @@
 // ------------------------------------------------------------------------------
 
 const utils = require('../utils')
+const casing = require('../utils/casing')
 
 // ------------------------------------------------------------------------------
 // Helpers
@@ -20,7 +21,7 @@ function isMultilineElement (element) {
 
 function parseOptions (options) {
   return Object.assign({
-    'ignores': ['pre', 'textarea']
+    ignores: ['pre', 'textarea']
   }, options)
 }
 
@@ -49,10 +50,11 @@ function isEmpty (node, sourceCode) {
 
 module.exports = {
   meta: {
+    type: 'layout',
     docs: {
       description: 'require a line break before and after the contents of a multiline element',
-      category: undefined,
-      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.4/docs/rules/multiline-html-element-content-newline.md'
+      category: 'strongly-recommended',
+      url: 'https://github.com/vuejs/eslint-plugin-vue/blob/v5.0.0-beta.5/docs/rules/multiline-html-element-content-newline.md'
     },
     fixable: 'whitespace',
     schema: [{
@@ -80,12 +82,18 @@ module.exports = {
 
     let inIgnoreElement
 
+    function isIgnoredElement (node) {
+      return ignores.includes(node.name) ||
+        ignores.includes(casing.pascalCase(node.rawName)) ||
+        ignores.includes(casing.kebabCase(node.rawName))
+    }
+
     return utils.defineTemplateBodyVisitor(context, {
       'VElement' (node) {
         if (inIgnoreElement) {
           return
         }
-        if (ignores.indexOf(node.name) >= 0) {
+        if (isIgnoredElement(node)) {
           // ignore element name
           inIgnoreElement = node
           return
@@ -114,7 +122,7 @@ module.exports = {
             },
             messageId: 'unexpectedAfterClosingBracket',
             data: {
-              name: node.name,
+              name: node.rawName,
               actual: getPhrase(beforeLineBreaks)
             },
             fix (fixer) {