# ember/template-no-model-argument-in-route-templates

🔧 This rule is automatically fixable by the [`--fix` CLI option](https://eslint.org/docs/latest/user-guide/command-line-interface#--fix).

> **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.

<!-- end auto-generated rule header -->

In Ember route templates, the model should be accessed via `this.model` in the controller or component, not as an `@model` argument. The `@model` argument pattern is more appropriate for components. This rule primarily targets `.hbs` files in the `templates/` directory.

## Rule Details

This rule disallows the use of `@model` argument in route templates (`.hbs` files in `templates/` directory).

## Examples

Examples of **incorrect** code for this rule (in route templates):

```hbs
<!-- app/templates/index.hbs -->
{{@model}}
```

```hbs
<!-- app/templates/users.hbs -->
{{@model.name}}
```

```hbs
<!-- app/templates/posts/show.hbs -->
{{@model.id}}
```

Examples of **correct** code for this rule:

```hbs
<!-- app/templates/index.hbs -->
{{this.model}}
```

```hbs
// app/components/user-card.gjs
{{@model.name}}
```

```hbs
{{this.model}}
```

## Migration

This rule includes a fixer in order to handle the migration for you automatically.

## References

- [eslint-plugin-ember template-no-model-argument-in-route-templates](https://github.com/ember-cli/eslint-plugin-ember/blob/master/docs/rules/template-no-model-argument-in-route-templates.md)
- [Ember Guides: Controllers](https://guides.emberjs.com/release/routing/controllers/)