Add selfClosingTag option to vue/html-closing-bracket-newline

docs/rules/html-closing-bracket-newline.md

@@ -5,6 +5,7 @@ title: vue/html-closing-bracket-newline
 description: require or disallow a line break before tag's closing brackets
 since: v4.1.0
 ---
+
 # vue/html-closing-bracket-newline
 
 > require or disallow a line break before tag's closing brackets
@@ -58,19 +59,29 @@ This rule aims to warn the right angle brackets which are at the location other
 
 ```json
 {
-  "vue/html-closing-bracket-newline": ["error", {
-    "singleline": "never",
-    "multiline": "always"
-  }]
+  "vue/html-closing-bracket-newline": [
+    "error",
+    {
+      "singleline": "never",
+      "multiline": "always",
+      "selfClosingTag": {
+        "singleline": "never",
+        "multiline": "always"
+      }
+    }
+  ]
 }
 ```
 
-- `singleline` ... the configuration for single-line elements. It's a single-line element if the element does not have attributes or the last attribute is on the same line as the opening bracket.
-  - `"never"` (default) ... disallow line breaks before the closing bracket.
-  - `"always"` ... require one line break before the closing bracket.
-- `multiline` ... the configuration for multiline elements. It's a multiline element if the last attribute is not on the same line of the opening bracket.
-  - `"never"` ... disallow line breaks before the closing bracket.
-  - `"always"` (default) ... require one line break before the closing bracket.
+- `singleline` (`"never"` by default) ... the configuration for single-line elements. It's a single-line element if the element does not have attributes or the last attribute is on the same line as the opening bracket.
+- `multiline` (`"always"` by default) ... the configuration for multiline elements. It's a multiline element if the last attribute is not on the same line of the opening bracket.
+- `selfClosingTag.singleline` ... the configuration for single-line self closing elements.
+- `selfClosingTag.multiline` ... the configuration for multiline self closing elements.
+
+Every option can be set to one of the following values:
+
+- `"always"` ... require one line break before the closing bracket.
+- `"never"` ... disallow line breaks before the closing bracket.
 
 Plus, you can use [`vue/html-indent`](./html-indent.md) rule to enforce indent-level of the closing brackets.
 
@@ -95,6 +106,25 @@ Plus, you can use [`vue/html-indent`](./html-indent.md) rule to enforce indent-l
 
 </eslint-code-block>
 
+### `"selfClosingTag": { "multiline": "always"}`
+
+<eslint-code-block fix :rules="{'vue/html-closing-bracket-newline': ['error', { 'selfClosingTag': {'multiline': 'always'} }]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <MyComponent
+      :foo="foo"
+  />
+
+  <!-- ✗ BAD -->
+  <MyComponent
+      :foo="foo" />
+</template>
+```
+
+</eslint-code-block>
+
 ## :rocket: Version
 
 This rule was introduced in eslint-plugin-vue v4.1.0