template-modifier-name-case.md

ember/template-modifier-name-case

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

HBS Only: This rule applies to classic .hbs template files only (loose mode). It is not relevant for gjs/gts files (strict mode), where these patterns cannot occur.

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:

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

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

This rule allows the following:

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

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

See Also

• named-functions-in-promises

References

• Template syntax guide - Modifiers