Fix #637 - Don't ignore elements with "is" binding in component-name-in-template-casing (#644)

Author: michalsnik

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

@@ -61,7 +61,7 @@ module.exports = {
           return
         }
 
-        if (!utils.isCustomComponent(node)) {
+        if (!utils.isHtmlElementNode(node) || utils.isHtmlWellKnownElementName(node.rawName)) {
           return
         }
 

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

@@ -27,6 +27,8 @@ tester.run('component-name-in-template-casing', rule, {
     '<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>',
 
     // kebab-case
     {
@@ -80,6 +82,23 @@ tester.run('component-name-in-template-casing', rule, {
       `,
       errors: ['Component name "the-component" is not PascalCase.']
     },
+    {
+      code: `
+      <template>
+        <the-component :is="componentName">
+          content
+        </the-component>
+      </template>
+      `,
+      output: `
+      <template>
+        <TheComponent :is="componentName">
+          content
+        </TheComponent>
+      </template>
+      `,
+      errors: ['Component name "the-component" is not PascalCase.']
+    },
     {
       code: `
       <template>