From 83a3b847348a15b74ff3c3af477fcf882ac0455d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20=C3=81ngel?= <jesusgonzaleznovez@gmail.com>
Date: Tue, 5 May 2020 17:18:31 +0200
Subject: [PATCH 01/14] Add `vue/no-unregistered-components` rule

---
 docs/rules/README.md                          |   2 +
 docs/rules/no-unregistered-components.md      | 134 ++++++++
 lib/configs/essential.js                      |   1 +
 lib/index.js                                  |   1 +
 lib/rules/no-unregistered-components.js       | 101 ++++++
 tests/lib/rules/no-unregistered-components.js | 317 ++++++++++++++++++
 6 files changed, 556 insertions(+)
 create mode 100644 docs/rules/no-unregistered-components.md
 create mode 100644 lib/rules/no-unregistered-components.js
 create mode 100644 tests/lib/rules/no-unregistered-components.js

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 89fa12b52..7043da4cd 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -59,6 +59,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-side-effects-in-computed-properties](./no-side-effects-in-computed-properties.md) | disallow side effects in computed properties |  |
 | [vue/no-template-key](./no-template-key.md) | disallow `key` attribute on `<template>` |  |
 | [vue/no-textarea-mustache](./no-textarea-mustache.md) | disallow mustaches in `<textarea>` |  |
+| [vue/no-unregistered-components](./no-unregistered-components.md) | disallow using components that are not registered |  |
 | [vue/no-unused-components](./no-unused-components.md) | disallow registering components that are not used inside templates |  |
 | [vue/no-unused-vars](./no-unused-vars.md) | disallow unused variable definitions of v-for directives or scope attributes |  |
 | [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) | disallow use v-if on the same element as v-for |  |
@@ -162,6 +163,7 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-side-effects-in-computed-properties](./no-side-effects-in-computed-properties.md) | disallow side effects in computed properties |  |
 | [vue/no-template-key](./no-template-key.md) | disallow `key` attribute on `<template>` |  |
 | [vue/no-textarea-mustache](./no-textarea-mustache.md) | disallow mustaches in `<textarea>` |  |
+| [vue/no-unregistered-components](./no-unregistered-components.md) | disallow using components that are not registered |  |
 | [vue/no-unused-components](./no-unused-components.md) | disallow registering components that are not used inside templates |  |
 | [vue/no-unused-vars](./no-unused-vars.md) | disallow unused variable definitions of v-for directives or scope attributes |  |
 | [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) | disallow use v-if on the same element as v-for |  |
diff --git a/docs/rules/no-unregistered-components.md b/docs/rules/no-unregistered-components.md
new file mode 100644
index 000000000..985e1c3aa
--- /dev/null
+++ b/docs/rules/no-unregistered-components.md
@@ -0,0 +1,134 @@
+---
+pageClass: rule-details
+sidebarDepth: 0
+title: vue/no-unregistered-components
+description: disallow using components that are not registered inside templates
+---
+# vue/no-unregistered-components
+> disallow using components that are not registered inside templates
+
+- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
+
+## :book: Rule Details
+
+This rule reports components that haven't been registered and are being used in the template.
+
+<eslint-code-block :rules="{'vue/no-unregistered-components': ['error']}">
+
+```vue
+<!-- ✓ GOOD -->
+<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>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-unregistered-components': ['error']}">
+
+```vue
+<!-- ✗ BAD -->
+<template>
+  <div>
+    <h2>Lorem ipsum</h2>
+    <TheModal />
+  </div>
+</template>
+
+<script>
+  export default {
+    components: {
+
+    }
+  }
+</script>
+```
+
+</eslint-code-block>
+
+## :wrench: Options
+
+```json
+{
+  "vue/no-unregistered-components": ["error", {
+    "ignorePatterns": []
+  }]
+}
+```
+
+- `ignorePatterns` ... suppresses all errors if component name matches one or more patterns
+    default `[]`
+
+### `ignorePatterns: [/custom(\-\w+)+/]`
+
+<eslint-code-block :rules="{'vue/no-unregistered-components': ['error', { 'ignorePatterns': [/custom(\-\w+)+/] }]}">
+
+```vue
+<!-- ✓ GOOD -->
+<template>
+  <div>
+    <h2>Lorem ipsum</h2>
+    <CustomComponent />
+  </div>
+</template>
+
+<script>
+  export default {
+    components: {
+
+    },
+  }
+</script>
+```
+
+</eslint-code-block>
+
+<eslint-code-block :rules="{'vue/no-unregistered-components': ['error', { 'ignorePatterns': [/custom(\-\w+)+/] }]}">
+
+```vue
+<!-- ✗ BAD -->
+<template>
+  <div>
+    <h2>Lorem ipsum</h2>
+    <WarmButton />
+  </div>
+</template>
+
+<script>
+  export default {
+    components: {
+
+    },
+  }
+</script>
+```
+
+</eslint-code-block>
+
+## :mag: Implementation
+
+- [Rule source](https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/rules/no-unregistered-components.js)
+- [Test source](https://github.com/vuejs/eslint-plugin-vue/blob/master/tests/lib/rules/no-unregistered-components.js)
diff --git a/lib/configs/essential.js b/lib/configs/essential.js
index 21335f197..952db663a 100644
--- a/lib/configs/essential.js
+++ b/lib/configs/essential.js
@@ -17,6 +17,7 @@ module.exports = {
     'vue/no-side-effects-in-computed-properties': 'error',
     'vue/no-template-key': 'error',
     'vue/no-textarea-mustache': 'error',
+    'vue/no-unregistered-components': 'error',
     'vue/no-unused-components': 'error',
     'vue/no-unused-vars': 'error',
     'vue/no-use-v-if-with-v-for': 'error',
diff --git a/lib/index.js b/lib/index.js
index 740b49e3f..62c0ecd9e 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -70,6 +70,7 @@ module.exports = {
     'no-template-shadow': require('./rules/no-template-shadow'),
     'no-template-target-blank': require('./rules/no-template-target-blank'),
     'no-textarea-mustache': require('./rules/no-textarea-mustache'),
+    'no-unregistered-component': require('./rules/no-unregistered-components'),
     'no-unsupported-features': require('./rules/no-unsupported-features'),
     'no-unused-components': require('./rules/no-unused-components'),
     'no-unused-vars': require('./rules/no-unused-vars'),
diff --git a/lib/rules/no-unregistered-components.js b/lib/rules/no-unregistered-components.js
new file mode 100644
index 000000000..c10cae9dc
--- /dev/null
+++ b/lib/rules/no-unregistered-components.js
@@ -0,0 +1,101 @@
+/**
+ * @fileoverview Report used components that are not registered
+ * @author Jesús Ángel González Novez
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const utils = require('eslint-plugin-vue/lib/utils')
+const casing = require('eslint-plugin-vue/lib/utils/casing')
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    docs: {
+      description: 'disallow using components that are not registered',
+      categories: ['essential'],
+      url: 'https://eslint.vuejs.org/rules/no-unregistered-components.html'
+    },
+    fixable: null,
+    schema: [{
+      type: 'object',
+      properties: {
+        ignorePatterns: {
+          type: 'array'
+        }
+      },
+      additionalProperties: false
+    }]
+  },
+
+  create (context) {
+    const options = context.options[0] || {}
+    const ignorePatterns = options.ignorePatterns || []
+    const usedComponentNodes = []
+    const registeredComponents = []
+    let templateLocation
+
+    return utils.defineTemplateBodyVisitor(context, {
+      VElement (node) {
+        if (
+          (!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) ||
+          utils.isHtmlWellKnownElementName(node.rawName) ||
+          utils.isSvgWellKnownElementName(node.rawName) ||
+          node.rawName === 'component'
+        ) {
+          return
+        }
+
+        usedComponentNodes.push({ node, name: node.rawName })
+      },
+      "VAttribute[directive=true][key.name.name='bind'][key.argument.name='is']" (node) {
+        if (
+          !node.value ||
+          node.value.type !== 'VExpressionContainer' ||
+          !node.value.expression
+        ) return
+
+        if (node.value.expression.type === 'Literal') {
+          usedComponentNodes.push({ node, name: node.value.expression.value })
+        }
+      },
+      "VAttribute[directive=false][key.name='is']" (node) {
+        usedComponentNodes.push({ node, name: node.value.value })
+      },
+      "VElement[name='template']" (rootNode) {
+        templateLocation = templateLocation || rootNode.loc.start
+      },
+      "VElement[name='template']:exit" (rootNode) {
+        if (
+          rootNode.loc.start !== templateLocation ||
+          utils.hasAttribute(rootNode, 'src')
+        ) return
+
+        const registeredComponentNames = registeredComponents.map(({ name }) => casing.kebabCase(name))
+
+        usedComponentNodes
+          .filter(({ name }) => {
+            const kebabCaseName = casing.kebabCase(name)
+            if (ignorePatterns.find(pattern => new RegExp(pattern).test(kebabCaseName))) return false
+            return registeredComponentNames.indexOf(kebabCaseName) === -1
+          })
+          .forEach(({ node, name }) => context.report({
+            node,
+            message: 'The "{{name}}" component has been used but not registered.',
+            data: {
+              name
+            }
+          }))
+      }
+    }, utils.executeOnVue(context, (obj) => {
+      registeredComponents.push(...utils.getRegisteredComponents(obj))
+    }))
+  }
+}
diff --git a/tests/lib/rules/no-unregistered-components.js b/tests/lib/rules/no-unregistered-components.js
new file mode 100644
index 000000000..822e12ff2
--- /dev/null
+++ b/tests/lib/rules/no-unregistered-components.js
@@ -0,0 +1,317 @@
+/**
+ * @fileoverview Report used components that are not registered
+ * @author Jesús Ángel González Novez
+ */
+'use strict'
+
+// ------------------------------------------------------------------------------
+// Requirements
+// ------------------------------------------------------------------------------
+
+const RuleTester = require('eslint').RuleTester
+const rule = require('../../../lib/rules/no-unregistered-components')
+
+// ------------------------------------------------------------------------------
+// Tests
+// ------------------------------------------------------------------------------
+
+const tester = new RuleTester({
+  parser: require.resolve('vue-eslint-parser'),
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: 'module'
+  }
+})
+
+tester.run('no-unregistered-components', rule, {
+  valid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <div>Lorem ipsum</div>
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent />
+        </template>
+      `,
+      options: [
+        {
+          ignorePatterns: [
+            /custom(\-\w+)+/
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent>
+            Some text
+          </CustomComponent>
+        </template>
+      `,
+      options: [
+        {
+          ignorePatterns: [
+            /custom(\-\w+)+/
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent />
+        </template>
+        <script>
+        export default {
+          components: {
+            CustomComponent
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent>
+            Some text
+          </CustomComponent>
+        </template>
+        <script>
+        export default {
+          components: {
+            CustomComponent
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component :is="'CustomComponent'" />
+        </template>
+        <script>
+        export default {
+          components: {
+            CustomComponent
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component :is="'CustomComponent'">
+            Some text
+          </component>
+        </template>
+        <script>
+        export default {
+          components: {
+            CustomComponent
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component v-if="showComponent" :is="'CustomComponent'" />
+        </template>
+        <script>
+        export default {
+          data: () => ({
+            showComponent: true
+          }),
+          components: {
+            CustomComponent
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component v-if="showComponent" :is="'CustomComponent'" />
+        </template>
+        <script>
+        export default {
+          data: () => ({
+            showComponent: false
+          }),
+          components: {
+            CustomComponent
+          }
+        }
+        </script>
+      `
+    }
+  ],
+  invalid: [
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent />
+        </template>
+      `,
+      errors: [{
+        message: 'The "CustomComponent" component has been used but not registered.',
+        line: 3
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <WarmButton />
+        </template>
+      `,
+      options: [
+        {
+          ignorePatterns: [
+            /custom(\-\w+)+/
+          ]
+        }
+      ],
+      errors: [{
+        message: 'The "WarmButton" component has been used but not registered.',
+        line: 3
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent>
+            Some text
+          </CustomComponent>
+        </template>
+      `,
+      errors: [{
+        message: 'The "CustomComponent" component has been used but not registered.',
+        line: 3
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <WarmButton>
+            Some text
+          </WarmButton>
+        </template>
+      `,
+      options: [
+        {
+          ignorePatterns: [
+            /custom(\-\w+)+/
+          ]
+        }
+      ],
+      errors: [{
+        message: 'The "WarmButton" component has been used but not registered.',
+        line: 3
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent />
+        </template>
+        <script>
+        export default {
+          components: {
+            WarmButton
+          }
+        }
+        </script>
+      `,
+      errors: [{
+        message: 'The "CustomComponent" component has been used but not registered.',
+        line: 3
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent>
+            Some text
+          </CustomComponent>
+        </template>
+        <script>
+        export default {
+          components: {
+            WarmButton
+          }
+        }
+        </script>
+      `,
+      errors: [{
+        message: 'The "CustomComponent" component has been used but not registered.',
+        line: 3
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component :is="'CustomComponent'" />
+        </template>
+        <script>
+        export default {
+          components: {
+            WarmButton
+          }
+        }
+        </script>
+      `,
+      errors: [{
+        message: 'The "CustomComponent" component has been used but not registered.',
+        line: 3
+      }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component :is="'CustomComponent'">
+            Some text
+          </component>
+        </template>
+        <script>
+        export default {
+          components: {
+            WarmButton
+          }
+        }
+        </script>
+      `,
+      errors: [{
+        message: 'The "CustomComponent" component has been used but not registered.',
+        line: 3
+      }]
+    }
+  ]
+})

From e3d76148837964e731a0dc506eb8d7bed5c73c1b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20=C3=81ngel?= <jesusgonzaleznovez@gmail.com>
Date: Tue, 5 May 2020 17:33:19 +0200
Subject: [PATCH 02/14] Remove rule from configs/essential

Also remove text about where rule is included
---
 docs/rules/no-unregistered-components.md | 2 --
 lib/configs/essential.js                 | 1 -
 2 files changed, 3 deletions(-)

diff --git a/docs/rules/no-unregistered-components.md b/docs/rules/no-unregistered-components.md
index 985e1c3aa..af7e33c86 100644
--- a/docs/rules/no-unregistered-components.md
+++ b/docs/rules/no-unregistered-components.md
@@ -7,8 +7,6 @@ description: disallow using components that are not registered inside templates
 # vue/no-unregistered-components
 > disallow using components that are not registered inside templates
 
-- :gear: This rule is included in all of `"plugin:vue/essential"`, `"plugin:vue/strongly-recommended"` and `"plugin:vue/recommended"`.
-
 ## :book: Rule Details
 
 This rule reports components that haven't been registered and are being used in the template.
diff --git a/lib/configs/essential.js b/lib/configs/essential.js
index 952db663a..21335f197 100644
--- a/lib/configs/essential.js
+++ b/lib/configs/essential.js
@@ -17,7 +17,6 @@ module.exports = {
     'vue/no-side-effects-in-computed-properties': 'error',
     'vue/no-template-key': 'error',
     'vue/no-textarea-mustache': 'error',
-    'vue/no-unregistered-components': 'error',
     'vue/no-unused-components': 'error',
     'vue/no-unused-vars': 'error',
     'vue/no-use-v-if-with-v-for': 'error',

From d892805f8fbb87b550a50c14a9e0cecce8339d93 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20=C3=81ngel?= <jesusgonzaleznovez@gmail.com>
Date: Wed, 6 May 2020 09:24:21 +0200
Subject: [PATCH 03/14] Extend allowed ignore patterns

---
 lib/rules/no-unregistered-components.js       |  9 ++-
 tests/lib/rules/no-unregistered-components.js | 68 +++++++++++++++++++
 2 files changed, 76 insertions(+), 1 deletion(-)

diff --git a/lib/rules/no-unregistered-components.js b/lib/rules/no-unregistered-components.js
index c10cae9dc..98e047afe 100644
--- a/lib/rules/no-unregistered-components.js
+++ b/lib/rules/no-unregistered-components.js
@@ -83,7 +83,14 @@ module.exports = {
         usedComponentNodes
           .filter(({ name }) => {
             const kebabCaseName = casing.kebabCase(name)
-            if (ignorePatterns.find(pattern => new RegExp(pattern).test(kebabCaseName))) return false
+            if (ignorePatterns.find(pattern => {
+              const regExp = new RegExp(pattern)
+              return regExp.test(kebabCaseName) ||
+                regExp.test(casing.pascalCase(name)) ||
+                regExp.test(casing.camelCase(name)) ||
+                regExp.test(casing.snakeCase(name)) ||
+                regExp.test(name)
+            })) return false
             return registeredComponentNames.indexOf(kebabCaseName) === -1
           })
           .forEach(({ node, name }) => context.report({
diff --git a/tests/lib/rules/no-unregistered-components.js b/tests/lib/rules/no-unregistered-components.js
index 822e12ff2..d4d6324c7 100644
--- a/tests/lib/rules/no-unregistered-components.js
+++ b/tests/lib/rules/no-unregistered-components.js
@@ -65,6 +65,74 @@ tester.run('no-unregistered-components', rule, {
         }
       ]
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <custom-component>
+            Some text
+          </custom-component>
+        </template>
+      `,
+      options: [
+        {
+          ignorePatterns: [
+            /custom(\-\w+)+/
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <custom-component>
+            Some text
+          </custom-component>
+        </template>
+      `,
+      options: [
+        {
+          ignorePatterns: [
+            /Custom(\w+)+/
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <custom_component>
+            Some text
+          </custom_component>
+        </template>
+      `,
+      options: [
+        {
+          ignorePatterns: [
+            /Custom(\w+)+/
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <customComponent>
+            Some text
+          </customComponent>
+        </template>
+      `,
+      options: [
+        {
+          ignorePatterns: [
+            /Custom(\w+)+/
+          ]
+        }
+      ]
+    },
     {
       filename: 'test.vue',
       code: `

From 9c1aa2e355df21e02f1216f63d0e0e974d72edae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20=C3=81ngel?= <jesusgonzaleznovez@gmail.com>
Date: Sat, 9 May 2020 12:47:56 +0200
Subject: [PATCH 04/14] Add note about globally/mixins registered components +
 use strings for ingore patterns

---
 docs/rules/no-unregistered-components.md | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/docs/rules/no-unregistered-components.md b/docs/rules/no-unregistered-components.md
index af7e33c86..c90b41c41 100644
--- a/docs/rules/no-unregistered-components.md
+++ b/docs/rules/no-unregistered-components.md
@@ -11,6 +11,12 @@ description: disallow using components that are not registered inside templates
 
 This rule reports components that haven't been registered and are being used in the template.
 
+::: warning Note
+This rule cannot check globally registered components and components registered in mixins 
+unless you add them as part of the ignored patterns. `component`, `suspense` and `teleport` 
+are ignored by default.
+:::
+
 <eslint-code-block :rules="{'vue/no-unregistered-components': ['error']}">
 
 ```vue
@@ -77,12 +83,11 @@ This rule reports components that haven't been registered and are being used in
 }
 ```
 
-- `ignorePatterns` ... suppresses all errors if component name matches one or more patterns
-    default `[]`
+- `ignorePatterns` Suppresses all errors if component name matches one or more patterns.
 
-### `ignorePatterns: [/custom(\-\w+)+/]`
+### `ignorePatterns: ['custom(\\-\\w+)+']`
 
-<eslint-code-block :rules="{'vue/no-unregistered-components': ['error', { 'ignorePatterns': [/custom(\-\w+)+/] }]}">
+<eslint-code-block :rules="{'vue/no-unregistered-components': ['error', { 'ignorePatterns': ['custom(\\-\\w+)+'] }]}">
 
 ```vue
 <!-- ✓ GOOD -->
@@ -104,7 +109,7 @@ This rule reports components that haven't been registered and are being used in
 
 </eslint-code-block>
 
-<eslint-code-block :rules="{'vue/no-unregistered-components': ['error', { 'ignorePatterns': [/custom(\-\w+)+/] }]}">
+<eslint-code-block :rules="{'vue/no-unregistered-components': ['error', { 'ignorePatterns': ['custom(\\-\\w+)+'] }]}">
 
 ```vue
 <!-- ✗ BAD -->

From 281bc061fd6c3729025ca9653ba2f29481432f60 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20=C3=81ngel?= <jesusgonzaleznovez@gmail.com>
Date: Sat, 9 May 2020 12:48:20 +0200
Subject: [PATCH 05/14] (auto) update rules index

---
 docs/rules/README.md | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/docs/rules/README.md b/docs/rules/README.md
index 7043da4cd..97a0089de 100644
--- a/docs/rules/README.md
+++ b/docs/rules/README.md
@@ -59,7 +59,6 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-side-effects-in-computed-properties](./no-side-effects-in-computed-properties.md) | disallow side effects in computed properties |  |
 | [vue/no-template-key](./no-template-key.md) | disallow `key` attribute on `<template>` |  |
 | [vue/no-textarea-mustache](./no-textarea-mustache.md) | disallow mustaches in `<textarea>` |  |
-| [vue/no-unregistered-components](./no-unregistered-components.md) | disallow using components that are not registered |  |
 | [vue/no-unused-components](./no-unused-components.md) | disallow registering components that are not used inside templates |  |
 | [vue/no-unused-vars](./no-unused-vars.md) | disallow unused variable definitions of v-for directives or scope attributes |  |
 | [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) | disallow use v-if on the same element as v-for |  |
@@ -163,7 +162,6 @@ Enforce all the rules in this category, as well as all higher priority rules, wi
 | [vue/no-side-effects-in-computed-properties](./no-side-effects-in-computed-properties.md) | disallow side effects in computed properties |  |
 | [vue/no-template-key](./no-template-key.md) | disallow `key` attribute on `<template>` |  |
 | [vue/no-textarea-mustache](./no-textarea-mustache.md) | disallow mustaches in `<textarea>` |  |
-| [vue/no-unregistered-components](./no-unregistered-components.md) | disallow using components that are not registered |  |
 | [vue/no-unused-components](./no-unused-components.md) | disallow registering components that are not used inside templates |  |
 | [vue/no-unused-vars](./no-unused-vars.md) | disallow unused variable definitions of v-for directives or scope attributes |  |
 | [vue/no-use-v-if-with-v-for](./no-use-v-if-with-v-for.md) | disallow use v-if on the same element as v-for |  |
@@ -281,6 +279,7 @@ For example:
 | [vue/no-restricted-syntax](./no-restricted-syntax.md) | disallow specified syntax |  |
 | [vue/no-static-inline-styles](./no-static-inline-styles.md) | disallow static inline `style` attributes |  |
 | [vue/no-template-target-blank](./no-template-target-blank.md) | disallow target="_blank" attribute without rel="noopener noreferrer" |  |
+| [vue/no-unregistered-components](./no-unregistered-components.md) | disallow using components that are not registered inside templates |  |
 | [vue/no-unsupported-features](./no-unsupported-features.md) | disallow unsupported Vue.js syntax on the specified version | :wrench: |
 | [vue/object-curly-spacing](./object-curly-spacing.md) | enforce consistent spacing inside braces | :wrench: |
 | [vue/padding-line-between-blocks](./padding-line-between-blocks.md) | require or disallow padding lines between blocks | :wrench: |

From 762bcfc955d98a2e096e7ed137f58228a64a1262 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20=C3=81ngel?= <jesusgonzaleznovez@gmail.com>
Date: Sat, 9 May 2020 12:48:45 +0200
Subject: [PATCH 06/14] (auto) update rules lib index

---
 lib/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/index.js b/lib/index.js
index 62c0ecd9e..1439d91f9 100644
--- a/lib/index.js
+++ b/lib/index.js
@@ -70,7 +70,7 @@ module.exports = {
     'no-template-shadow': require('./rules/no-template-shadow'),
     'no-template-target-blank': require('./rules/no-template-target-blank'),
     'no-textarea-mustache': require('./rules/no-textarea-mustache'),
-    'no-unregistered-component': require('./rules/no-unregistered-components'),
+    'no-unregistered-components': require('./rules/no-unregistered-components'),
     'no-unsupported-features': require('./rules/no-unsupported-features'),
     'no-unused-components': require('./rules/no-unused-components'),
     'no-unused-vars': require('./rules/no-unused-vars'),

From 805f0a3be36327433e5c720109b28d1c5019e698 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20=C3=81ngel?= <jesusgonzaleznovez@gmail.com>
Date: Sat, 9 May 2020 12:54:27 +0200
Subject: [PATCH 07/14] Fix PR review's concerns

- Correct rule categories (null)
- Ignore `component :is="..."` component for well known HTML tags.
- Ignore `component`, `suspense`, `teleport` as unknown components.
---
 lib/rules/no-unregistered-components.js | 29 ++++++++++++++++++++++---
 1 file changed, 26 insertions(+), 3 deletions(-)

diff --git a/lib/rules/no-unregistered-components.js b/lib/rules/no-unregistered-components.js
index 98e047afe..373d02e1b 100644
--- a/lib/rules/no-unregistered-components.js
+++ b/lib/rules/no-unregistered-components.js
@@ -11,6 +11,27 @@
 const utils = require('eslint-plugin-vue/lib/utils')
 const casing = require('eslint-plugin-vue/lib/utils/casing')
 
+// ------------------------------------------------------------------------------
+// Rule helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * Check whether the given node is a built-in component or not.
+ *
+ * Includes `suspense` and `teleport` from Vue 3.
+ *
+ * @param {ASTNode} node The start tag node to check.
+ * @returns {boolean} `true` if the node is a built-in component.
+ */
+const isBuiltInComponent = (node) => {
+  return utils.isHtmlElementNode(node) &&
+    !utils.isHtmlWellKnownElementName(node.rawName) &&
+    node &&
+    (node.rawName === 'component' ||
+    node.rawName === 'suspense' ||
+    node.rawName === 'teleport')
+}
+
 // ------------------------------------------------------------------------------
 // Rule Definition
 // ------------------------------------------------------------------------------
@@ -19,8 +40,9 @@ module.exports = {
   meta: {
     type: 'suggestion',
     docs: {
-      description: 'disallow using components that are not registered',
-      categories: ['essential'],
+      description: 'disallow using components that are not registered inside templates',
+      categories: null,
+      recommended: false,
       url: 'https://eslint.vuejs.org/rules/no-unregistered-components.html'
     },
     fixable: null,
@@ -48,7 +70,7 @@ module.exports = {
           (!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) ||
           utils.isHtmlWellKnownElementName(node.rawName) ||
           utils.isSvgWellKnownElementName(node.rawName) ||
-          node.rawName === 'component'
+          isBuiltInComponent(node)
         ) {
           return
         }
@@ -63,6 +85,7 @@ module.exports = {
         ) return
 
         if (node.value.expression.type === 'Literal') {
+          if (utils.isHtmlWellKnownElementName(node.value.expression.value)) return
           usedComponentNodes.push({ node, name: node.value.expression.value })
         }
       },

From c5b0e7d091171917dbeaa2dcd5b01d9a55a07642 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20=C3=81ngel?= <jesusgonzaleznovez@gmail.com>
Date: Sat, 9 May 2020 12:54:48 +0200
Subject: [PATCH 08/14] Add more rule tests to cover latest changes

---
 tests/lib/rules/no-unregistered-components.js | 86 +++++++++++++++++--
 1 file changed, 78 insertions(+), 8 deletions(-)

diff --git a/tests/lib/rules/no-unregistered-components.js b/tests/lib/rules/no-unregistered-components.js
index d4d6324c7..54b15ba02 100644
--- a/tests/lib/rules/no-unregistered-components.js
+++ b/tests/lib/rules/no-unregistered-components.js
@@ -43,7 +43,7 @@ tester.run('no-unregistered-components', rule, {
       options: [
         {
           ignorePatterns: [
-            /custom(\-\w+)+/
+            'custom(\\-\\w+)+'
           ]
         }
       ]
@@ -60,7 +60,7 @@ tester.run('no-unregistered-components', rule, {
       options: [
         {
           ignorePatterns: [
-            /custom(\-\w+)+/
+            'custom(\\-\\w+)+'
           ]
         }
       ]
@@ -77,7 +77,7 @@ tester.run('no-unregistered-components', rule, {
       options: [
         {
           ignorePatterns: [
-            /custom(\-\w+)+/
+            'custom(\\-\\w+)+'
           ]
         }
       ]
@@ -94,7 +94,7 @@ tester.run('no-unregistered-components', rule, {
       options: [
         {
           ignorePatterns: [
-            /Custom(\w+)+/
+            'Custom(\\w+)+'
           ]
         }
       ]
@@ -111,7 +111,7 @@ tester.run('no-unregistered-components', rule, {
       options: [
         {
           ignorePatterns: [
-            /Custom(\w+)+/
+            'Custom(\\w+)+'
           ]
         }
       ]
@@ -128,7 +128,27 @@ tester.run('no-unregistered-components', rule, {
       options: [
         {
           ignorePatterns: [
-            /Custom(\w+)+/
+            'Custom(\\w+)+'
+          ]
+        }
+      ]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <customComponent>
+            <warm-code>Text</warm-code>
+            <InfoBtnPrimary value="text" />
+          </customComponent>
+        </template>
+      `,
+      options: [
+        {
+          ignorePatterns: [
+            'Custom(\\w+)+',
+            'Warm(\\w+)+',
+            'InfoBtn(\\w+)+'
           ]
         }
       ]
@@ -232,6 +252,56 @@ tester.run('no-unregistered-components', rule, {
         }
         </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component :is="'div'" />
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component :is="name" />
+        </template>
+        <script>
+        export default {
+          data: () => ({ name: 'div' })
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component :is="name" />
+        </template>
+        <script>
+        export default {
+          data: () => ({ name: 'warm-button' }),
+          components: { WarmButton }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent />
+        </template>
+        <script>
+        export default {
+          components: {
+            'custom-component': InfoPrimaryWrapper
+          }
+        }
+        </script>
+      `
     }
   ],
   invalid: [
@@ -257,7 +327,7 @@ tester.run('no-unregistered-components', rule, {
       options: [
         {
           ignorePatterns: [
-            /custom(\-\w+)+/
+            'custom(\\-\\w+)+'
           ]
         }
       ],
@@ -292,7 +362,7 @@ tester.run('no-unregistered-components', rule, {
       options: [
         {
           ignorePatterns: [
-            /custom(\-\w+)+/
+            'custom(\\-\\w+)+'
           ]
         }
       ],

From 68db54ad1115b6b2ee0667b08b08c9169b981cdb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20=C3=81ngel?= <jesusgonzaleznovez@gmail.com>
Date: Sat, 9 May 2020 13:03:02 +0200
Subject: [PATCH 09/14] Correct + add test for `suspense` and `teleport`

---
 lib/rules/no-unregistered-components.js       |  8 ++++----
 package.json                                  |  2 +-
 tests/lib/rules/no-unregistered-components.js | 17 +++++++++++++++++
 3 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/lib/rules/no-unregistered-components.js b/lib/rules/no-unregistered-components.js
index 373d02e1b..e45caf9b4 100644
--- a/lib/rules/no-unregistered-components.js
+++ b/lib/rules/no-unregistered-components.js
@@ -24,12 +24,12 @@ const casing = require('eslint-plugin-vue/lib/utils/casing')
  * @returns {boolean} `true` if the node is a built-in component.
  */
 const isBuiltInComponent = (node) => {
+  const rawName = node && node.rawName.toLowerCase()
   return utils.isHtmlElementNode(node) &&
     !utils.isHtmlWellKnownElementName(node.rawName) &&
-    node &&
-    (node.rawName === 'component' ||
-    node.rawName === 'suspense' ||
-    node.rawName === 'teleport')
+    (rawName === 'component' ||
+    rawName === 'suspense' ||
+    rawName === 'teleport')
 }
 
 // ------------------------------------------------------------------------------
diff --git a/package.json b/package.json
index 1e7cb40b2..98eaf5f41 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
   "main": "lib/index.js",
   "scripts": {
     "start": "npm run test:base -- --watch --growl",
-    "test:base": "mocha \"tests/lib/**/*.js\" --reporter dot",
+    "test:base": "mocha \"tests/lib/**/no-unregistered-components.js\" --reporter dot",
     "test": "nyc npm run test:base -- \"tests/integrations/*.js\" --timeout 60000",
     "debug": "mocha --inspect-brk \"tests/lib/**/*.js\" --reporter dot --timeout 60000",
     "cover:report": "nyc report --reporter=html",
diff --git a/tests/lib/rules/no-unregistered-components.js b/tests/lib/rules/no-unregistered-components.js
index 54b15ba02..37492b666 100644
--- a/tests/lib/rules/no-unregistered-components.js
+++ b/tests/lib/rules/no-unregistered-components.js
@@ -302,6 +302,23 @@ tester.run('no-unregistered-components', rule, {
         }
         </script>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <teleport />
+          <suspense />
+          <suspense>
+            <div>Text</div>
+          </suspense>
+          <Teleport />
+          <Suspense />
+          <Suspense>
+            <div>Text</div>
+          </Suspense>
+        </template>
+      `
     }
   ],
   invalid: [

From 6126d35f8ccf8f0963d467f56effb42c4903d466 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20=C3=81ngel?= <jesusgonzaleznovez@gmail.com>
Date: Sat, 9 May 2020 14:24:53 +0200
Subject: [PATCH 10/14] Restore not intended change in package.json

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 98eaf5f41..1e7cb40b2 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
   "main": "lib/index.js",
   "scripts": {
     "start": "npm run test:base -- --watch --growl",
-    "test:base": "mocha \"tests/lib/**/no-unregistered-components.js\" --reporter dot",
+    "test:base": "mocha \"tests/lib/**/*.js\" --reporter dot",
     "test": "nyc npm run test:base -- \"tests/integrations/*.js\" --timeout 60000",
     "debug": "mocha --inspect-brk \"tests/lib/**/*.js\" --reporter dot --timeout 60000",
     "cover:report": "nyc report --reporter=html",

From d0b15ef42348c0b9ca64f7ea6660f64f683d3df2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20=C3=81ngel?= <jesusgonzaleznovez@gmail.com>
Date: Sat, 9 May 2020 14:25:43 +0200
Subject: [PATCH 11/14] Progress with PR review

---
 lib/rules/no-unregistered-components.js       | 20 ++++++++--------
 tests/lib/rules/no-unregistered-components.js | 23 +++++++++++++++++++
 2 files changed, 34 insertions(+), 9 deletions(-)

diff --git a/lib/rules/no-unregistered-components.js b/lib/rules/no-unregistered-components.js
index e45caf9b4..032f6a19e 100644
--- a/lib/rules/no-unregistered-components.js
+++ b/lib/rules/no-unregistered-components.js
@@ -15,6 +15,15 @@ const casing = require('eslint-plugin-vue/lib/utils/casing')
 // Rule helpers
 // ------------------------------------------------------------------------------
 
+const VUE_BUILT_IN_COMPONENTS = [
+  'component',
+  'suspense',
+  'teleport',
+  'transition',
+  'transition-group',
+  'keep-alive',
+  'slot'
+]
 /**
  * Check whether the given node is a built-in component or not.
  *
@@ -24,12 +33,10 @@ const casing = require('eslint-plugin-vue/lib/utils/casing')
  * @returns {boolean} `true` if the node is a built-in component.
  */
 const isBuiltInComponent = (node) => {
-  const rawName = node && node.rawName.toLowerCase()
+  const rawName = node && casing.kebabCase(node.rawName)
   return utils.isHtmlElementNode(node) &&
     !utils.isHtmlWellKnownElementName(node.rawName) &&
-    (rawName === 'component' ||
-    rawName === 'suspense' ||
-    rawName === 'teleport')
+    VUE_BUILT_IN_COMPONENTS.indexOf(rawName) > -1
 }
 
 // ------------------------------------------------------------------------------
@@ -96,11 +103,6 @@ module.exports = {
         templateLocation = templateLocation || rootNode.loc.start
       },
       "VElement[name='template']:exit" (rootNode) {
-        if (
-          rootNode.loc.start !== templateLocation ||
-          utils.hasAttribute(rootNode, 'src')
-        ) return
-
         const registeredComponentNames = registeredComponents.map(({ name }) => casing.kebabCase(name))
 
         usedComponentNodes
diff --git a/tests/lib/rules/no-unregistered-components.js b/tests/lib/rules/no-unregistered-components.js
index 37492b666..b62625672 100644
--- a/tests/lib/rules/no-unregistered-components.js
+++ b/tests/lib/rules/no-unregistered-components.js
@@ -319,6 +319,29 @@ tester.run('no-unregistered-components', rule, {
           </Suspense>
         </template>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <transition />
+          <transition-group />
+          <keep-alive />
+          <transition>
+            <div>Text</div>
+          </transition>
+          <TransitionGroup />
+          <KeepAlive />
+          <Transition>
+            <div>Text</div>
+          </Transition>
+          <Slot />
+          <slot />
+          <slot>
+            foo
+          </slot>
+        </template>
+      `
     }
   ],
   invalid: [

From b23457dda8455433d3f7e8c7106d04e2a49ea911 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20=C3=81ngel?= <jesusgonzaleznovez@gmail.com>
Date: Sat, 9 May 2020 15:33:53 +0200
Subject: [PATCH 12/14] Handle edge case `<component is="div" />`

---
 lib/rules/no-unregistered-components.js       |  1 +
 tests/lib/rules/no-unregistered-components.js | 36 +++++++++++++++++++
 2 files changed, 37 insertions(+)

diff --git a/lib/rules/no-unregistered-components.js b/lib/rules/no-unregistered-components.js
index 032f6a19e..8d414fd51 100644
--- a/lib/rules/no-unregistered-components.js
+++ b/lib/rules/no-unregistered-components.js
@@ -97,6 +97,7 @@ module.exports = {
         }
       },
       "VAttribute[directive=false][key.name='is']" (node) {
+        if (utils.isHtmlWellKnownElementName(node.value.value)) return
         usedComponentNodes.push({ node, name: node.value.value })
       },
       "VElement[name='template']" (rootNode) {
diff --git a/tests/lib/rules/no-unregistered-components.js b/tests/lib/rules/no-unregistered-components.js
index b62625672..073a27c27 100644
--- a/tests/lib/rules/no-unregistered-components.js
+++ b/tests/lib/rules/no-unregistered-components.js
@@ -261,6 +261,42 @@ tester.run('no-unregistered-components', rule, {
         </template>
       `
     },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component is="div" />
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component is="span">
+            Text
+          </component>
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <Component is="div" />
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <Component is="span">
+            Text
+          </Component>
+        </template>
+      `
+    },
     {
       filename: 'test.vue',
       code: `

From 7c3198c27c5bd76af1694c740def40c1b8a9c6e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20=C3=81ngel?= <jesusgonzaleznovez@gmail.com>
Date: Sun, 10 May 2020 12:54:46 +0200
Subject: [PATCH 13/14] Progress with PR review

- Remove no longer needed variable.
-  Handle edge case where a component is registered using kebab-case but later on is used using PascalCase. e.g: registered as `foo-bar` and used as `FooBar` is not valid.
- Handle edge case `<component is />`, where `node.value` would be `null`. See https://github.com/mysticatea/vue-eslint-parser/blob/master/docs/ast.md#vattribute
- Add more tests to prove all these changes
---
 lib/rules/no-unregistered-components.js       | 29 ++++++++-
 tests/lib/rules/no-unregistered-components.js | 65 ++++++++++++++-----
 2 files changed, 76 insertions(+), 18 deletions(-)

diff --git a/lib/rules/no-unregistered-components.js b/lib/rules/no-unregistered-components.js
index 8d414fd51..cddd63adc 100644
--- a/lib/rules/no-unregistered-components.js
+++ b/lib/rules/no-unregistered-components.js
@@ -97,18 +97,30 @@ module.exports = {
         }
       },
       "VAttribute[directive=false][key.name='is']" (node) {
-        if (utils.isHtmlWellKnownElementName(node.value.value)) return
+        if (
+          !node.value || // `<component is />`
+          utils.isHtmlWellKnownElementName(node.value.value)
+        ) return
         usedComponentNodes.push({ node, name: node.value.value })
       },
       "VElement[name='template']" (rootNode) {
         templateLocation = templateLocation || rootNode.loc.start
       },
-      "VElement[name='template']:exit" (rootNode) {
-        const registeredComponentNames = registeredComponents.map(({ name }) => casing.kebabCase(name))
+      "VElement[name='template']:exit" () {
+        // All registered components, transformed to kebab-case
+        const registeredComponentNames = registeredComponents
+          .map(({ name }) => casing.kebabCase(name))
+
+        // All registered components using kebab-case syntax
+        const componentsRegisteredAsKebabCase = registeredComponents
+          .filter(({ name }) => name === casing.kebabCase(name))
+          .map(({ name }) => name)
 
         usedComponentNodes
           .filter(({ name }) => {
             const kebabCaseName = casing.kebabCase(name)
+
+            // Check ignored patterns in first place
             if (ignorePatterns.find(pattern => {
               const regExp = new RegExp(pattern)
               return regExp.test(kebabCaseName) ||
@@ -117,6 +129,17 @@ module.exports = {
                 regExp.test(casing.snakeCase(name)) ||
                 regExp.test(name)
             })) return false
+
+            // Component registered as `foo-bar` cannot be used as `FooBar`
+            if (
+              name.indexOf('-') === -1 &&
+              name === casing.pascalCase(name) &&
+              componentsRegisteredAsKebabCase.indexOf(kebabCaseName) !== -1
+            ) {
+              return true
+            }
+
+            // Otherwise
             return registeredComponentNames.indexOf(kebabCaseName) === -1
           })
           .forEach(({ node, name }) => context.report({
diff --git a/tests/lib/rules/no-unregistered-components.js b/tests/lib/rules/no-unregistered-components.js
index 073a27c27..2f7dd2630 100644
--- a/tests/lib/rules/no-unregistered-components.js
+++ b/tests/lib/rules/no-unregistered-components.js
@@ -324,21 +324,6 @@ tester.run('no-unregistered-components', rule, {
         </script>
       `
     },
-    {
-      filename: 'test.vue',
-      code: `
-        <template>
-          <CustomComponent />
-        </template>
-        <script>
-        export default {
-          components: {
-            'custom-component': InfoPrimaryWrapper
-          }
-        }
-        </script>
-      `
-    },
     {
       filename: 'test.vue',
       code: `
@@ -378,6 +363,37 @@ tester.run('no-unregistered-components', rule, {
           </slot>
         </template>
       `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <Custom-Component />
+        </template>
+        <script>
+        export default {
+          components: {
+            'custom-component': InfoPrimaryWrapper
+          }
+        }
+        </script>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <component is />
+        </template>
+      `
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <Component is />
+        </template>
+      `
     }
   ],
   invalid: [
@@ -526,6 +542,25 @@ tester.run('no-unregistered-components', rule, {
         message: 'The "CustomComponent" component has been used but not registered.',
         line: 3
       }]
+    },
+    {
+      filename: 'test.vue',
+      code: `
+        <template>
+          <CustomComponent />
+        </template>
+        <script>
+        export default {
+          components: {
+            'custom-component': InfoPrimaryWrapper
+          }
+        }
+        </script>
+      `,
+      errors: [{
+        message: 'The "CustomComponent" component has been used but not registered.',
+        line: 3
+      }]
     }
   ]
 })

From 7f6e2753fe0a22aca9d68719eca813af0a64a170 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20=C3=81ngel?= <jesusgonzaleznovez@gmail.com>
Date: Tue, 12 May 2020 09:40:46 +0200
Subject: [PATCH 14/14] Remove unused block

---
 lib/rules/no-unregistered-components.js | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/lib/rules/no-unregistered-components.js b/lib/rules/no-unregistered-components.js
index cddd63adc..f387248ac 100644
--- a/lib/rules/no-unregistered-components.js
+++ b/lib/rules/no-unregistered-components.js
@@ -69,7 +69,6 @@ module.exports = {
     const ignorePatterns = options.ignorePatterns || []
     const usedComponentNodes = []
     const registeredComponents = []
-    let templateLocation
 
     return utils.defineTemplateBodyVisitor(context, {
       VElement (node) {
@@ -103,9 +102,6 @@ module.exports = {
         ) return
         usedComponentNodes.push({ node, name: node.value.value })
       },
-      "VElement[name='template']" (rootNode) {
-        templateLocation = templateLocation || rootNode.loc.start
-      },
       "VElement[name='template']:exit" () {
         // All registered components, transformed to kebab-case
         const registeredComponentNames = registeredComponents