@if (recipes.isSuccess()) {
    <ul>
        @for (recipe of recipes.data(); track recipe.id) {
            <li>
                <a [routerLink]="['recipes', recipe.owner.username, recipe.slug]">{{
                    recipe.title
                }}</a>
            </li>
        }
    </ul>
}