Fix: no-unused-components rule should allow camelCase (#606)

Author: jastkand

lib/rules/no-unused-components.js

@@ -72,13 +72,13 @@ module.exports = {
 
         registeredComponents
           .filter(({ name }) => {
-            // If the component name is PascalCase
+            // If the component name is PascalCase or camelCase
             // it can be used in various of ways inside template,
             // like "theComponent", "The-component" etc.
             // but except snake_case
-            if (casing.pascalCase(name) === name) {
+            if (casing.pascalCase(name) === name || casing.camelCase(name) === name) {
               return !usedComponents.some(n => {
-                return n.indexOf('_') === -1 && name === casing.pascalCase(n)
+                return n.indexOf('_') === -1 && (name === casing.pascalCase(n) || casing.camelCase(n) === name)
               })
             } else {
               // In any other case the used component name must exactly match

tests/lib/rules/no-unused-components.js

@@ -127,6 +127,21 @@ tester.run('no-unused-components', rule, {
         }
       </script>`
     },
+    {
+      filename: 'test.vue',
+      code: `<template>
+        <div>
+          <the-button />
+        </div>
+      </template>
+      <script>
+        export default {
+          components: {
+            theButton
+          }
+        }
+      </script>`
+    },
     {
       filename: 'test.vue',
       code: `<template>