diff --git a/docs/rules/component-name-in-template-casing.md b/docs/rules/component-name-in-template-casing.md
index c2bd52900..5f73bdc4a 100644
--- a/docs/rules/component-name-in-template-casing.md
+++ b/docs/rules/component-name-in-template-casing.md
@@ -20,7 +20,8 @@ This rule aims to warn the tag names other than the configured casing in Vue.js
 
 ```json
 {
-  "vue/component-name-in-template-casing": ["error", "PascalCase" | "kebab-case", { 
+  "vue/component-name-in-template-casing": ["error", "PascalCase" | "kebab-case", {
+    "registeredComponentsOnly": true,
     "ignores": []
   }]
 }
@@ -28,22 +29,40 @@ This rule aims to warn the tag names other than the configured casing in Vue.js
 
 - `"PascalCase"` (default) ... enforce tag names to pascal case. E.g. `<CoolComponent>`. This is consistent with the JSX practice.
 - `"kebab-case"` ... enforce tag names to kebab case: E.g. `<cool-component>`. This is consistent with the HTML practice which is case-insensitive originally.
-- `ignores` (`string[]`) ... The element names to ignore. Sets the element name to allow. For example, a custom element or a non-Vue component.
+- `registeredComponentsOnly` ... If `true`, only registered components (in PascalCase) are checked. If `false`, check all.
+    default `true`
+- `ignores` (`string[]`) ... The element names to ignore. Sets the element name to allow. For example, custom elements or Vue components with special name. You can set the regexp by writing it like `"/^name/"`.
 
-### `"PascalCase"`
+### `"PascalCase", { registeredComponentsOnly: true }` (default)
 
 <eslint-code-block fix :rules="{'vue/component-name-in-template-casing': ['error']}">
 
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <TheComponent />
+  <CoolComponent />
   
   <!-- ✗ BAD -->
-  <the-component />
-  <theComponent />
-  <The-component />
+  <cool-component />
+  <coolComponent />
+  <Cool-component />
+
+  <!-- ignore -->
+  <UnregisteredComponent />
+  <unregistered-component />
+
+  <registered-in-kebab-case />
+  <registeredInCamelCase />
 </template>
+<script>
+export default {
+  components: {
+    CoolComponent,
+    'registered-in-kebab-case': VueComponent1,
+    'registeredInCamelCase': VueComponent2
+  }
+}
+</script>
 ```
 
 </eslint-code-block>
@@ -55,28 +74,64 @@ This rule aims to warn the tag names other than the configured casing in Vue.js
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <the-component />
+  <cool-component />
 
   <!-- ✗ BAD -->
-  <TheComponent />
-  <theComponent />
-  <Thecomponent />
-  <The-component />
+  <CoolComponent />
+  <coolComponent />
+  <Cool-component />
+
+  <!-- ignore -->
+  <unregistered-component />
+  <UnregisteredComponent />
 </template>
+<script>
+export default {
+  components: {
+    CoolComponent
+  }
+}
+</script>
 ```
 
 </eslint-code-block>
 
+### `"PascalCase", { registeredComponentsOnly: false }`
+
+<eslint-code-block fix :rules="{'vue/component-name-in-template-casing': ['error', 'PascalCase', { registeredComponentsOnly: false }]}">
+
+```vue
+<template>
+  <!-- ✓ GOOD -->
+  <CoolComponent />
+  <UnregisteredComponent />
+  
+  <!-- ✗ BAD -->
+  <cool-component />
+  <unregistered-component />
+</template>
+<script>
+export default {
+  components: {
+    CoolComponent
+  }
+}
+</script>
+```
+
+</eslint-code-block>
 
-### `"PascalCase", { ignores: ["custom-element"] }`
+### `"PascalCase", { ignores: ["/^custom-/"], registeredComponentsOnly: false }`
 
-<eslint-code-block fix :rules="{'vue/component-name-in-template-casing': ['error', 'PascalCase', {ignores: ['custom-element']}]}">
+<eslint-code-block fix :rules="{'vue/component-name-in-template-casing': ['error', 'PascalCase', {ignores: ['/^custom-/'], registeredComponentsOnly: false}]}">
 
 ```vue
 <template>
   <!-- ✓ GOOD -->
-  <TheComponent/>
+  <CoolComponent/>
   <custom-element></custom-element>
+  <custom-button></custom-button>
+  <custom-input />
   
   <!-- ✗ BAD -->
   <magic-element></magic-element>
diff --git a/lib/rules/component-name-in-template-casing.js b/lib/rules/component-name-in-template-casing.js
index f84fe34f1..8cd7a6737 100644
--- a/lib/rules/component-name-in-template-casing.js
+++ b/lib/rules/component-name-in-template-casing.js
@@ -10,6 +10,11 @@
 
 const utils = require('../utils')
 const casing = require('../utils/casing')
+const { toRegExp } = require('../utils/regexp')
+
+// -----------------------------------------------------------------------------
+// Helpers
+// -----------------------------------------------------------------------------
 
 const allowedCaseOptions = ['PascalCase', 'kebab-case']
 const defaultCase = 'PascalCase'
@@ -39,6 +44,9 @@ module.exports = {
             items: { type: 'string' },
             uniqueItems: true,
             additionalItems: false
+          },
+          registeredComponentsOnly: {
+            type: 'boolean'
           }
         },
         additionalProperties: false
@@ -50,9 +58,43 @@ module.exports = {
     const caseOption = context.options[0]
     const options = context.options[1] || {}
     const caseType = allowedCaseOptions.indexOf(caseOption) !== -1 ? caseOption : defaultCase
-    const ignores = options.ignores || []
+    const ignores = (options.ignores || []).map(toRegExp)
+    const registeredComponentsOnly = options.registeredComponentsOnly !== false
     const tokens = context.parserServices.getTemplateBodyTokenStore && context.parserServices.getTemplateBodyTokenStore()
 
+    const registeredComponents = []
+
+    /**
+     * Checks whether the given node is the verification target node.
+     * @param {VElement} node element node
+     * @returns {boolean} `true` if the given node is the verification target node.
+     */
+    function isVerifyTarget (node) {
+      if (ignores.some(re => re.test(node.rawName))) {
+        // ignore
+        return false
+      }
+
+      if (!registeredComponentsOnly) {
+        // If the user specifies registeredComponentsOnly as false, it checks all component tags.
+        if ((!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) ||
+          utils.isHtmlWellKnownElementName(node.rawName) ||
+          utils.isSvgWellKnownElementName(node.rawName)
+        ) {
+          return false
+        }
+        return true
+      }
+      // We only verify the components registered in the component.
+      if (registeredComponents
+        .filter(name => casing.pascalCase(name) === name) // When defining a component with PascalCase, you can use either case
+        .some(name => node.rawName === name || casing.pascalCase(node.rawName) === name)) {
+        return true
+      }
+
+      return false
+    }
+
     let hasInvalidEOF = false
 
     return utils.defineTemplateBodyVisitor(context, {
@@ -61,18 +103,11 @@ module.exports = {
           return
         }
 
-        if (
-          (!utils.isHtmlElementNode(node) && !utils.isSvgElementNode(node)) ||
-          utils.isHtmlWellKnownElementName(node.rawName) ||
-          utils.isSvgWellKnownElementName(node.rawName)
-        ) {
+        if (!isVerifyTarget(node)) {
           return
         }
 
         const name = node.rawName
-        if (ignores.indexOf(name) >= 0) {
-          return
-        }
         const casingName = casing.getConverter(caseType)(name)
         if (casingName !== name) {
           const startTag = node.startTag
@@ -100,10 +135,18 @@ module.exports = {
           })
         }
       }
-    }, {
-      Program (node) {
-        hasInvalidEOF = utils.hasInvalidEOF(node)
-      }
-    })
+    },
+    Object.assign(
+      {
+        Program (node) {
+          hasInvalidEOF = utils.hasInvalidEOF(node)
+        }
+      },
+      registeredComponentsOnly
+        ? utils.executeOnVue(context, (obj) => {
+          registeredComponents.push(...utils.getRegisteredComponents(obj).map(n => n.name))
+        })
+        : {}
+    ))
   }
 }
diff --git a/lib/utils/regexp.js b/lib/utils/regexp.js
new file mode 100644
index 000000000..023654f02
--- /dev/null
+++ b/lib/utils/regexp.js
@@ -0,0 +1,38 @@
+const RE_REGEXP_CHAR = /[\\^$.*+?()[\]{}|]/gu
+const RE_HAS_REGEXP_CHAR = new RegExp(RE_REGEXP_CHAR.source)
+
+const RE_REGEXP_STR = /^\/(.+)\/(.*)$/u
+
+/**
+ * Escapes the `RegExp` special characters "^", "$", "\", ".", "*", "+",
+ * "?", "(", ")", "[", "]", "{", "}", and "|" in `string`.
+ *
+ * @param {string} string The string to escape.
+ * @returns {string} Returns the escaped string.
+ */
+function escape (string) {
+  return (string && RE_HAS_REGEXP_CHAR.test(string))
+    ? string.replace(RE_REGEXP_CHAR, '\\$&')
+    : string
+}
+
+/**
+ * Convert a string to the `RegExp`.
+ * Normal strings (e.g. `"foo"`) is converted to `/^foo$/` of `RegExp`.
+ * Strings like `"/^foo/i"` are converted to `/^foo/i` of `RegExp`.
+ *
+ * @param {string} string The string to convert.
+ * @returns {string} Returns the `RegExp`.
+ */
+function toRegExp (string) {
+  const parts = RE_REGEXP_STR.exec(string)
+  if (parts) {
+    return new RegExp(parts[1], parts[2])
+  }
+  return new RegExp(`^${escape(string)}$`)
+}
+
+module.exports = {
+  escape,
+  toRegExp
+}
diff --git a/tests/lib/autofix.js b/tests/lib/autofix.js
index 5a38dd0e4..6cdedc113 100644
--- a/tests/lib/autofix.js
+++ b/tests/lib/autofix.js
@@ -95,7 +95,7 @@ describe('Complex autofix test cases', () => {
           'component': 'never'
         }
       }],
-      'vue/component-name-in-template-casing': ['error', 'kebab-case']
+      'vue/component-name-in-template-casing': ['error', 'kebab-case', { registeredComponentsOnly: false }]
     }})
 
     const pascalConfig = Object.assign({}, baseConfig, { 'rules': {
@@ -104,7 +104,7 @@ describe('Complex autofix test cases', () => {
           'component': 'never'
         }
       }],
-      'vue/component-name-in-template-casing': ['error']
+      'vue/component-name-in-template-casing': ['error', 'PascalCase', { registeredComponentsOnly: false }]
     }})
 
     it('Even if set kebab-case, the output should be as expected.', () => {
diff --git a/tests/lib/rules/component-name-in-template-casing.js b/tests/lib/rules/component-name-in-template-casing.js
index 8dcd3937f..643bb1191 100644
--- a/tests/lib/rules/component-name-in-template-casing.js
+++ b/tests/lib/rules/component-name-in-template-casing.js
@@ -15,59 +15,201 @@ const RuleTester = require('eslint').RuleTester
 // ------------------------------------------------------------------------------
 
 const tester = new RuleTester({
-  parser: 'vue-eslint-parser'
+  parser: 'vue-eslint-parser',
+  parserOptions: {
+    ecmaVersion: 2018,
+    sourceType: 'module'
+  }
 })
 
 tester.run('component-name-in-template-casing', rule, {
   valid: [
     // default
-    '<template><div/></template>',
-    '<template><img></template>',
-    '<template><TheComponent/></template>',
-    '<template><svg><path/></svg></template>',
-    '<template><math><mspace/></math></template>',
-    '<template><div><slot></slot></div></template>',
-    '<template><h1>Title</h1></template>',
-    '<template><h1 :is="customTitle">Title</h1></template>',
-    '<template><svg><TheComponent /></svg></template>',
-    '<template><text /></template>',
-    '<template><circle cx="0" cy="0" :d="radius"></template>',
+    {
+      code: `
+        <template>
+          <!-- ✓ GOOD -->
+          <CoolComponent />
+          <UnregisteredComponent />
+          <unregistered-component />
+        </template>
+        <script>
+        export default {
+          components: {
+            CoolComponent
+          }
+        }
+        </script>
+      `,
+      filename: 'test.vue'
+    },
+
+    // element types test
+    { code: '<template><div/></template>', options: ['PascalCase', { registeredComponentsOnly: false }] },
+    { code: '<template><img></template>', options: ['PascalCase', { registeredComponentsOnly: false }] },
+    { code: '<template><TheComponent/></template>', options: ['PascalCase', { registeredComponentsOnly: false }] },
+    { code: '<template><svg><path/></svg></template>', options: ['PascalCase', { registeredComponentsOnly: false }] },
+    { code: '<template><math><mspace/></math></template>', options: ['PascalCase', { registeredComponentsOnly: false }] },
+    { code: '<template><div><slot></slot></div></template>', options: ['PascalCase', { registeredComponentsOnly: false }] },
+    { code: '<template><h1>Title</h1></template>', options: ['PascalCase', { registeredComponentsOnly: false }] },
+    { code: '<template><h1 :is="customTitle">Title</h1></template>', options: ['PascalCase', { registeredComponentsOnly: false }] },
+    { code: '<template><svg><TheComponent /></svg></template>', options: ['PascalCase', { registeredComponentsOnly: false }] },
+    { code: '<template><text /></template>', options: ['PascalCase', { registeredComponentsOnly: false }] },
+    { code: '<template><circle cx="0" cy="0" :d="radius"></template>', options: ['PascalCase', { registeredComponentsOnly: false }] },
 
     // kebab-case
     {
       code: '<template><the-component></the-component></template>',
-      options: ['kebab-case']
+      options: ['kebab-case', { registeredComponentsOnly: false }]
     },
     {
       code: '<template><div/></template>',
-      options: ['kebab-case']
+      options: ['kebab-case', { registeredComponentsOnly: false }]
     },
     {
       code: '<template><img></template>',
-      options: ['kebab-case']
+      options: ['kebab-case', { registeredComponentsOnly: false }]
     },
     {
       code: '<template><svg><path/></svg></template>',
-      options: ['kebab-case']
+      options: ['kebab-case', { registeredComponentsOnly: false }]
     },
     {
       code: '<template><math><mspace/></math></template>',
-      options: ['kebab-case']
+      options: ['kebab-case', { registeredComponentsOnly: false }]
     },
+
     // ignores
     {
       code: '<template><custom-element></custom-element></template>',
-      options: ['PascalCase', { ignores: ['custom-element'] }]
+      options: ['PascalCase', { ignores: ['custom-element'], registeredComponentsOnly: false }]
     },
     {
       code: '<template><custom-element><TheComponent/></custom-element></template>',
-      options: ['PascalCase', { ignores: ['custom-element'] }]
+      options: ['PascalCase', { ignores: ['custom-element'], registeredComponentsOnly: false }]
     },
+    // regexp ignores
+    {
+      code: `
+        <template>
+          <global-button />
+          <globalCard />
+          <global-grid />
+        </template>
+      `,
+      filename: 'test.vue',
+      options: ['PascalCase', { registeredComponentsOnly: false, ignores: ['/^global/'] }]
+    },
+
     // Invalid EOF
-    '<template><the-component a=">test</the-component></template>',
-    '<template><the-component><!--test</the-component></template>'
+    { code: '<template><the-component a=">test</the-component></template>', options: ['PascalCase', { registeredComponentsOnly: false }] },
+    { code: '<template><the-component><!--test</the-component></template>', options: ['PascalCase', { registeredComponentsOnly: false }] }
   ],
   invalid: [
+    {
+      code: `
+        <template>
+          <!-- ✗ BAD -->
+          <cool-component />
+          <coolComponent />
+          <Cool-component />
+        </template>
+        <script>
+        export default {
+          components: {
+            CoolComponent
+          }
+        }
+        </script>
+      `,
+      filename: 'test.vue',
+      output: `
+        <template>
+          <!-- ✗ BAD -->
+          <CoolComponent />
+          <CoolComponent />
+          <CoolComponent />
+        </template>
+        <script>
+        export default {
+          components: {
+            CoolComponent
+          }
+        }
+        </script>
+      `,
+      errors: [
+        {
+          message: 'Component name "cool-component" is not PascalCase.',
+          line: 4,
+          column: 11,
+          endLine: 4,
+          endColumn: 26
+        },
+        {
+          message: 'Component name "coolComponent" is not PascalCase.',
+          line: 5,
+          column: 11,
+          endLine: 5,
+          endColumn: 25
+        },
+        {
+          message: 'Component name "Cool-component" is not PascalCase.',
+          line: 6,
+          column: 11,
+          endLine: 6,
+          endColumn: 26
+        }
+      ]
+    },
+    {
+      code: `
+        <template>
+          <!-- ✗ BAD -->
+          <CoolComponent />
+          <coolComponent />
+          <Cool-component />
+        </template>
+        <script>
+        export default {
+          components: {
+            CoolComponent
+          }
+        }
+        </script>
+      `,
+      filename: 'test.vue',
+      options: ['kebab-case'],
+      output: `
+        <template>
+          <!-- ✗ BAD -->
+          <cool-component />
+          <cool-component />
+          <cool-component />
+        </template>
+        <script>
+        export default {
+          components: {
+            CoolComponent
+          }
+        }
+        </script>
+      `,
+      errors: [
+        {
+          message: 'Component name "CoolComponent" is not kebab-case.',
+          line: 4
+        },
+        {
+          message: 'Component name "coolComponent" is not kebab-case.',
+          line: 5
+        },
+        {
+          message: 'Component name "Cool-component" is not kebab-case.',
+          line: 6
+        }
+      ]
+    },
     {
       code: `
       <template>
@@ -75,13 +217,25 @@ tester.run('component-name-in-template-casing', rule, {
           <the-component />
         </svg>
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
+      filename: 'test.vue',
+      options: ['PascalCase'],
       output: `
       <template>
         <svg>
           <TheComponent />
         </svg>
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
       errors: ['Component name "the-component" is not PascalCase.']
     },
@@ -92,13 +246,25 @@ tester.run('component-name-in-template-casing', rule, {
           <!-- comment -->
         </the-component>
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
+      filename: 'test.vue',
+      options: ['PascalCase'],
       output: `
       <template>
         <TheComponent id="id">
           <!-- comment -->
         </TheComponent>
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
       errors: ['Component name "the-component" is not PascalCase.']
     },
@@ -109,13 +275,25 @@ tester.run('component-name-in-template-casing', rule, {
           content
         </the-component>
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
+      filename: 'test.vue',
+      options: ['PascalCase'],
       output: `
       <template>
         <TheComponent :is="componentName">
           content
         </TheComponent>
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
       errors: ['Component name "the-component" is not PascalCase.']
     },
@@ -124,11 +302,23 @@ tester.run('component-name-in-template-casing', rule, {
       <template>
         <the-component id="id"/>
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
+      filename: 'test.vue',
+      options: ['PascalCase'],
       output: `
       <template>
         <TheComponent id="id"/>
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
       errors: ['Component name "the-component" is not PascalCase.']
     },
@@ -139,7 +329,13 @@ tester.run('component-name-in-template-casing', rule, {
           <!-- comment -->
         </TheComponent>
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
+      filename: 'test.vue',
       options: ['kebab-case'],
       output: `
       <template>
@@ -147,6 +343,11 @@ tester.run('component-name-in-template-casing', rule, {
           <!-- comment -->
         </the-component>
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
       errors: ['Component name "TheComponent" is not kebab-case.']
     },
@@ -156,7 +357,7 @@ tester.run('component-name-in-template-casing', rule, {
         <TheComponent id="id"/>
       </template>
       `,
-      options: ['kebab-case'],
+      options: ['kebab-case', { registeredComponentsOnly: false }],
       output: `
       <template>
         <the-component id="id"/>
@@ -170,12 +371,24 @@ tester.run('component-name-in-template-casing', rule, {
         <the-component
           id="id"/>
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
+      filename: 'test.vue',
+      options: ['PascalCase'],
       output: `
       <template>
         <TheComponent
           id="id"/>
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
       errors: ['Component name "the-component" is not PascalCase.']
     },
@@ -184,11 +397,23 @@ tester.run('component-name-in-template-casing', rule, {
       <template>
         <the-component/>
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
+      filename: 'test.vue',
+      options: ['PascalCase'],
       output: `
       <template>
         <TheComponent/>
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
       errors: ['Component name "the-component" is not PascalCase.']
     },
@@ -197,11 +422,23 @@ tester.run('component-name-in-template-casing', rule, {
       <template>
         <the-component></the-component>
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
+      filename: 'test.vue',
+      options: ['PascalCase'],
       output: `
       <template>
         <TheComponent></TheComponent>
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
       errors: ['Component name "the-component" is not PascalCase.']
     },
@@ -210,11 +447,23 @@ tester.run('component-name-in-template-casing', rule, {
       <template>
         <theComponent/>
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
+      filename: 'test.vue',
+      options: ['PascalCase'],
       output: `
       <template>
         <TheComponent/>
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
       errors: ['Component name "theComponent" is not PascalCase.']
     },
@@ -223,12 +472,23 @@ tester.run('component-name-in-template-casing', rule, {
       <template>
         <theComponent/>
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
+      filename: 'test.vue',
       options: ['kebab-case'],
       output: `
       <template>
         <the-component/>
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
       errors: ['Component name "theComponent" is not kebab-case.']
     },
@@ -237,11 +497,23 @@ tester.run('component-name-in-template-casing', rule, {
       <template>
         <The-component/>
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
+      filename: 'test.vue',
+      options: ['PascalCase'],
       output: `
       <template>
         <TheComponent/>
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
       errors: ['Component name "The-component" is not PascalCase.']
     },
@@ -250,12 +522,23 @@ tester.run('component-name-in-template-casing', rule, {
       <template>
         <The-component/>
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
+      filename: 'test.vue',
       options: ['kebab-case'],
       output: `
       <template>
         <the-component/>
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
       errors: ['Component name "The-component" is not kebab-case.']
     },
@@ -265,7 +548,7 @@ tester.run('component-name-in-template-casing', rule, {
         <Thecomponent/>
       </template>
       `,
-      options: ['kebab-case'],
+      options: ['kebab-case', { registeredComponentsOnly: false }],
       output: `
       <template>
         <thecomponent/>
@@ -278,11 +561,23 @@ tester.run('component-name-in-template-casing', rule, {
       <template>
         <the-component></the-component  >
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
+      filename: 'test.vue',
+      options: ['PascalCase'],
       output: `
       <template>
         <TheComponent></TheComponent  >
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
       errors: ['Component name "the-component" is not PascalCase.']
     },
@@ -292,12 +587,24 @@ tester.run('component-name-in-template-casing', rule, {
         <the-component></the-component
         >
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
+      filename: 'test.vue',
+      options: ['PascalCase'],
       output: `
       <template>
         <TheComponent></TheComponent
         >
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
       errors: ['Component name "the-component" is not PascalCase.']
     },
@@ -306,11 +613,23 @@ tester.run('component-name-in-template-casing', rule, {
       <template>
         <the-component></the-component end-tag-attr="attr" >
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
+      filename: 'test.vue',
+      options: ['PascalCase'],
       output: `
       <template>
         <TheComponent></TheComponent end-tag-attr="attr" >
       </template>
+      <script>
+      export default {
+        components: {TheComponent}
+      }
+      </script>
       `,
       errors: ['Component name "the-component" is not PascalCase.']
     },
@@ -319,18 +638,28 @@ tester.run('component-name-in-template-casing', rule, {
     {
       code: `
       <template>
-        <custom-element>
+        <custom-element1>
           <the-component />
-        </custom-element>
+        </custom-element1>
+        <custom-element2 />
+        <the-component />
       </template>`,
       output: `
       <template>
-        <custom-element>
+        <custom-element1>
           <TheComponent />
-        </custom-element>
+        </custom-element1>
+        <custom-element2 />
+        <TheComponent />
       </template>`,
-      options: ['PascalCase', { ignores: ['custom-element'] }],
-      errors: ['Component name "the-component" is not PascalCase.']
+      options: ['PascalCase', {
+        ignores: ['custom-element1', 'custom-element2'],
+        registeredComponentsOnly: false
+      }],
+      errors: [
+        'Component name "the-component" is not PascalCase.',
+        'Component name "the-component" is not PascalCase.'
+      ]
     },
     {
       code: `
@@ -349,7 +678,10 @@ tester.run('component-name-in-template-casing', rule, {
         <custom-element2 />
         <TheComponent />
       </template>`,
-      options: ['PascalCase', { ignores: ['custom-element1', 'custom-element2'] }],
+      options: ['PascalCase', {
+        ignores: ['/^custom-element/'],
+        registeredComponentsOnly: false
+      }],
       errors: [
         'Component name "the-component" is not PascalCase.',
         'Component name "the-component" is not PascalCase.'
diff --git a/tests/lib/utils/regexp.js b/tests/lib/utils/regexp.js
new file mode 100644
index 000000000..8e38a9687
--- /dev/null
+++ b/tests/lib/utils/regexp.js
@@ -0,0 +1,40 @@
+'use strict'
+
+const { escape, toRegExp } = require('../../../lib/utils/regexp')
+const chai = require('chai')
+
+const assert = chai.assert
+
+const ESCAPED = '\\^\\$\\.\\*\\+\\?\\(\\)\\[\\]\\{\\}\\|\\\\'
+const UNESCAPED = '^$.*+?()[]{}|\\'
+
+describe('escape()', () => {
+  it('should escape values', () => {
+    assert.strictEqual(escape(UNESCAPED), ESCAPED)
+    assert.strictEqual(escape(UNESCAPED + UNESCAPED), ESCAPED + ESCAPED)
+  })
+
+  it('should handle strings with nothing to escape', () => {
+    assert.strictEqual(escape('abc'), 'abc')
+  })
+
+  it('should return an empty string for empty values', () => {
+    assert.strictEqual(escape(null), null)
+    assert.strictEqual(escape(undefined), undefined)
+    assert.strictEqual(escape(''), '')
+  })
+})
+
+describe('toRegExp()', () => {
+  it('should be convert to RegExp', () => {
+    assert.deepEqual(toRegExp('foo'), /^foo$/)
+    assert.deepEqual(toRegExp(UNESCAPED), new RegExp(`^${ESCAPED}$`))
+  })
+
+  it('RegExp like string should be convert to RegExp', () => {
+    assert.deepEqual(toRegExp('/^foo/i'), /^foo/i)
+    assert.deepEqual(toRegExp('/.*/iu'), /.*/iu)
+    assert.deepEqual(toRegExp(`${/^bar/i}`), /^bar/i)
+    assert.deepEqual(toRegExp(`${/[\sA-Z]+/u}`), /[\sA-Z]+/u)
+  })
+})