inline-link-to

🔧 The --fix option on the command line can automatically fix some of the problems reported by this rule.

Ember's link-to component has both an inline form and a block form. This rule forbids the inline form.

Examples

This rule forbids the following (inline form):

{{link-to 'Link text' 'routeName' prop1 prop2}}

This rule allows the following (block form):

{{#link-to 'routeName' prop1 prop2}}Link text{{/link-to}}

The block form is a little longer but has advantages over the inline form:

It maps closer to the use of HTML anchor tags which wrap their inner content.
It provides an obvious way for developers to put nested markup and components inside of their link.
The block form's argument order is more direct: "link to route". The inline form's argument order is somewhat ambiguous (link text then link target). This is opposite of the order in HTML (href then link text).