README.md

@@ -156,9 +156,11 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 |  | [vue/no-side-effects-in-computed-properties](./docs/rules/no-side-effects-in-computed-properties.md) | disallow side effects in computed properties |
 |  | [vue/no-template-key](./docs/rules/no-template-key.md) | disallow `key` attribute on `<template>` |
 |  | [vue/no-textarea-mustache](./docs/rules/no-textarea-mustache.md) | disallow mustaches in `<textarea>` |
+|  | [vue/no-unused-components](./docs/rules/no-unused-components.md) | disallow registering components that are not used inside templates |
 |  | [vue/no-unused-vars](./docs/rules/no-unused-vars.md) | disallow unused variable definitions of v-for directives or scope attributes |
 |  | [vue/no-use-v-if-with-v-for](./docs/rules/no-use-v-if-with-v-for.md) | disallow use v-if on the same element as v-for |
 |  | [vue/require-component-is](./docs/rules/require-component-is.md) | require `v-bind:is` of `<component>` elements |
+| :wrench: | [vue/require-prop-type-constructor](./docs/rules/require-prop-type-constructor.md) | require prop type to be a constructor |
 |  | [vue/require-render-return](./docs/rules/require-render-return.md) | enforce render function to always return value |
 |  | [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 |
@@ -230,7 +232,10 @@ 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 |
 
 ### Deprecated
 

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

@@ -0,0 +1,87 @@
+# require a line break before and after the contents of a multiline element (vue/multiline-html-element-content-newline)
+
+- :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
+
+This rule enforces a line break before and after the contents of a multiline element.
+
+
+:-1: Examples of **incorrect** code:
+
+```html
+<div>multiline
+  content</div>
+
+<div
+  attr
+>multiline start tag</div>
+
+<tr><td>multiline</td>
+  <td>children</td></tr>
+
+<div><!-- multiline
+  comment --></div>
+
+<div
+></div>
+```
+
+:+1: Examples of **correct** code:
+
+```html
+<div>
+  multiline
+  content
+</div>
+
+<div
+  attr
+>
+  multiline start tag
+</div>
+
+<tr>
+  <td>multiline</td>
+  <td>children</td>
+</tr>
+
+<div>
+  <!-- multiline
+       comment -->
+</div>
+
+<div
+>
+</div>
+
+<div attr>singleline element</div>
+```
+
+
+## :wrench: Options
+
+```json
+{
+    "vue/multiline-html-element-content-newline": ["error", {
+        "ignores": ["pre", "textarea"]
+    }]
+}
+```
+
+- `ignores` ... the configuration for element names to ignore line breaks style.  
+    default `["pre", "textarea"]`
+
+
+:+1: Examples of **correct** code:
+
+```html
+/* eslint vue/multiline-html-element-content-newline: ["error", { "ignores": ["VueComponent", "pre", "textarea"]}] */
+
+<VueComponent>multiline
+content</VueComponent>
+
+<VueComponent><span
+  class="bold">For example,</span>
+Defines the Vue component that accepts preformatted text.</VueComponent>
+```

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

@@ -0,0 +1,25 @@
+# disallow spaces around equal signs in attribute (vue/no-spaces-around-equal-signs-in-attribute)
+
+- :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.
+
+HTML5 allows spaces around equal signs. But space-less is easier to read, and groups entities better together.
+
+## :book: Rule Details
+
+:-1: Examples of **incorrect** code for this rule:
+
+```html
+<div class = "item">
+```
+
+:+1: Examples of **correct** code for this rule:
+
+```html
+<div class="item">
+```
+
+## Further Reading
+
+* [HTML5 Style Guide - W3Schools *Spaces and Equal Signs*](https://www.w3schools.com/html/html5_syntax.asp)

docs/rules/no-unused-components.md

@@ -0,0 +1,67 @@
+# disallow registering components that are not used inside templates (vue/no-unused-components)
+
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+
+This rule reports components that haven't been used in the template.
+
+## :book: Rule Details
+
+:-1: Examples of **incorrect** code for this rule:
+
+```html
+<template>
+  <div>
+    <h2>Lorem ipsum</h2>
+    <TheModal />
+  </div>
+</template>
+
+<script>
+  import TheButton from 'components/TheButton.vue'
+  import TheModal from 'components/TheModal.vue'
+
+  export default {
+    components: {
+      TheButton // Unused component
+      'the-modal': TheModal // Unused component
+    }
+  }
+</script>
+```
+
+Note that components registered under other than `PascalCase` name have to be called directly under the specified name, whereas if you register it using `PascalCase` you can call it however you like, except using `snake_case`.
+
+:+1: Examples of **correct** code for this rule:
+
+```html
+<template>
+  <div>
+    <h2>Lorem ipsum</h2>
+    <the-modal>
+      <component is="TheInput" />
+      <component :is="'TheDropdown'" />
+      <TheButton>CTA</TheButton>
+    </the-modal>
+  </div>
+</template>
+
+<script>
+  import TheButton from 'components/TheButton.vue'
+  import TheModal from 'components/TheModal.vue'
+  import TheInput from 'components/TheInput.vue'
+  import TheDropdown from 'components/TheDropdown.vue'
+
+  export default {
+    components: {
+      TheButton,
+      TheModal,
+      TheInput,
+      TheDropdown,
+    }
+  }
+</script>
+```
+
+## :wrench: Options
+
+Nothing.

docs/rules/require-prop-type-constructor.md

@@ -0,0 +1,61 @@
+# require prop type to be a constructor (vue/require-prop-type-constructor)
+
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `"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 reports prop types that can't be presumed as constructors.
+
+It's impossible to catch every possible case and know whether the prop type is a constructor or not, hence this rule black list few types of nodes, instead of white-listing correct ones.
+
+The following types are forbidden and will be reported:
+
+- Literal
+- TemplateLiteral
+- BinaryExpression
+- UpdateExpression
+
+It will catch most commonly made mistakes which are using strings instead of constructors.
+
+## Rule Details
+
+Examples of **incorrect** code for this rule:
+
+```js
+export default {
+  props: {
+    myProp: "Number",
+    anotherProp: ["Number", "String"],
+    myFieldWithBadType: {
+      type: "Object",
+      default: function() {
+        return {}
+      },
+    },
+    myOtherFieldWithBadType: {
+      type: "Number",
+      default: 1,
+    },
+  }
+}
+```
+
+Examples of **correct** code for this rule:
+
+```js
+export default {
+  props: {
+    myProp: Number,
+    anotherProp: [Number, String],
+    myFieldWithBadType: {
+      type: Object,
+      default: function() {
+        return {}
+      },
+    },
+    myOtherFieldWithBadType: {
+      type: Number,
+      default: 1,
+    },
+  }
+}
+```

docs/rules/script-indent.md

@@ -79,6 +79,24 @@ const d = {
 </script>
 ```
 
+## Important note
+
+This rule only checks `.vue` files and does not interfere with other `.js` files. Unfortunately the default `indent` rule when turned on will try to lint both, so in order to make them complementary you can use `overrides` setting and disable `indent` rule on `.vue` files:
+
+```
+"rules": {
+  "vue/script-indent": ["error", 4, { "baseIndent": 1 }]
+},
+"overrides": [
+  {
+    "files": ["*.vue"],
+    "rules": {
+      "indent": "off"
+    }
+  }
+]
+```
+
 ## Related rules
 
 - [indent](https://eslint.org/docs/rules/indent)

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

@@ -0,0 +1,101 @@
+# require a line break before and after the contents of a singleline element (vue/singleline-html-element-content-newline)
+
+- :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
+
+This rule enforces a line break before and after the contents of a singleline element.
+
+
+:-1: Examples of **incorrect** code:
+
+```html
+<div attr>content</div>
+
+<tr attr><td>{{ data1 }}</td><td>{{ data2 }}</td></tr>
+
+<div attr><!-- comment --></div>
+```
+
+:+1: Examples of **correct** code:
+
+```html
+<div attr>
+  content
+</div>
+
+<tr attr>
+  <td>
+    {{ data1 }}
+  </td>
+  <td>
+    {{ data2 }}
+  </td>
+</tr>
+
+<div attr>
+  <!-- comment -->
+</div>
+```
+
+## :wrench: Options
+
+```json
+{
+  "vue/singleline-html-element-content-newline": ["error", {
+    "ignoreWhenNoAttributes": true,
+    "ignores": ["pre", "textarea"]
+  }]
+}
+```
+
+- `ignoreWhenNoAttributes` ... allows having contents in one line, when given element has no attributes.
+    default `true`
+- `ignores` ... the configuration for element names to ignore line breaks style.  
+    default `["pre", "textarea"]`
+
+:-1: Examples of **incorrect** code for `{ignoreWhenNoAttributes: false}`:
+
+```html
+/* eslint vue/singleline-html-element-content-newline: ["error", { "ignoreWhenNoAttributes": false}] */
+
+<div>content</div>
+
+<tr><td>{{ data1 }}</td><td>{{ data2 }}</td></tr>
+
+<div><!-- comment --></div>
+```
+
+:+1: Examples of **correct** code for `{ignoreWhenNoAttributes: true}` (default):
+
+```html
+/* eslint vue/singleline-html-element-content-newline: ["error", { "ignoreWhenNoAttributes": true}] */
+
+<div>content</div>
+
+<tr><td>{{ data1 }}</td><td>{{ data2 }}</td></tr>
+
+<div><!-- comment --></div>
+```
+
+:-1: Examples of **incorrect** code for `{ignoreWhenNoAttributes: true}` (default):
+
+```html
+/* eslint vue/singleline-html-element-content-newline: ["error", { "ignoreWhenNoAttributes": true}] */
+
+<div attr>content</div>
+
+<tr attr><td>{{ data1 }}</td><td>{{ data2 }}</td></tr>
+
+<div attr><!-- comment --></div>
+```
+
+:+1: Examples of **correct** code for `ignores`:
+
+```html
+/* eslint vue/singleline-html-element-content-newline: ["error", { "ignores": ["VueComponent", "pre", "textarea"]}] */
+
+<VueComponent>content</VueComponent>
+
+<VueComponent attr><span>content</span></VueComponent>
+```