Add globals option to component-name-in-template-casing

[lsdsjy]

Currently the component-name-in-template-casing can't check globally registered components. This PR adds an option to explicitly list global components to check.

[FloEdelmann]

The option looks good to me. But I have a few requests.

[ota-meshi]

Thank you for this PR! The rule implementation looks good! Could you please add a example code to the docs where we can try out the new option?

[lsdsjy]

Could you please add a example code to the docs where we can try out the new option?

Done.

[ota-meshi]

LGTM!

[lsdsjy]

When registering a component with kebab-case, can it be used with PascalCase?

I've thought a little more about this problem. Consider this:

// main.js Vue.component('SomeComp', ...) // App.js export default { components: { 'some-comp': ... }, template: '<SomeComp />' }

It works fine in that <SomeComp /> would resolve to the globally registered component, though there is a locally registered component some-comp and we would think it's a mistake at first glance. So if the options is kebab-case and registeredComponentsOnly is:

• true, then <SomeComp /> is OK because currently we cannot determine whether it is a "(locally) registered component";
• false, then <SomeComp /> would be an lint error as expected.

So the current logic is fine.