Description
Please describe what the rule should do:
This rule enforces the tag name of the Vue component, HTML element, and custom element to be kebab-case.
It does not target elements of MathML or SVG.
What category of rule is this? (place an "X" next to just one item)
[X] Enforces code style
[ ] Warns about a potential error
[ ] Suggests an alternate way of doing something
[ ] Other (please specify:)
Provide 2-3 code examples that this rule will warn about:
<Div/>
<CustomElement/>
<VueComponent/>Why should this rule be included?
see
#397 (comment)
In order for us to implement the component-name-in-template-casing rule we need to distinguish between Vue components and non-Vue custom elements. But this is very difficult.
I think this rule(html-element-name-kebab-casing) will be useful for projects that prefer kebab-case.
component-name-in-template-casing #250