lodash-template/element-name-casing

enforce HTML element name casing. (ex. 🆗 <xxx-element> 🆖 <xxxElement> <DIV>)

• ⚙️ This rule is included in "plugin:lodash-template/recommended-with-html" and "plugin:lodash-template/all".
• 🔧 The --fix option on the command line can automatically fix some of the problems reported by this rule.

Rule Details

This rule enforces element name casing style (kebab-case).

<% /* eslint "lodash-template/element-name-casing": "error" */ %>
<!-- ✓ GOOD -->
<div>
<xxx-element>

<!-- ✗ BAD -->
<DIV
>
<xxxElement
>

Further Reading

• Web Components | MDN Using custom elements

Implementation

• Rule source
• Test source