template-no-unnecessary-component-helper.md

ember/template-no-unnecessary-component-helper

✅ The extends: 'plugin:ember/strict-gjs' and extends: 'plugin:ember/strict-gts' property in a configuration file enables this rule.

Disallow unnecessary usage of the {{component}} helper with static component names.

Rule Details

This rule disallows using {{component "component-name"}} when you could use angle bracket invocation instead.

Examples

Examples of incorrect code for this rule:

<template>
  {{component "my-component"}}
</template>

<template>
  {{component "MyComponent" arg="value"}}
</template>

Examples of correct code for this rule:

<template>
  <MyComponent />
</template>

<template>
  {{component this.dynamicComponentName}}
</template>

<template>
  {{component @componentName}}
</template>

References

• Ember Guides - Components
• RFC #311 - Angle Bracket Invocation