template-modifier-name-case.md

ember/template-modifier-name-case

💼 This rule is enabled in the following configs: strict-gjs, strict-gts.

🔧 This rule is automatically fixable by the --fix CLI option.

Requires dasherized names for modifiers.

Modifiers should use dasherized names when being invoked, not camelCase. This is a stylistic rule that will prevent you from using camelCase modifiers, requiring you to use dasherized modifier names instead.

Examples

This rule forbids the following:

<div {{didInsert}}></div>

<div {{onFocus}}></div>

<div {{modifier 'didInsert'}}></div>

This rule allows the following:

<div {{did-insert}}></div>

<div {{on-focus}}></div>

<div {{modifier 'did-insert'}}></div>

See Also

• named-functions-in-promises

References

• Template syntax guide - Modifiers