@if (recipeView.isLoading()) {
    <p>Loading...</p>
} @else if (recipeView.isSuccess()) {
    <app-recipe-page-content [recipeView]="recipeView.data()"></app-recipe-page-content>
} @else if (recipeView.error(); as error) {
    <p>{{ error.message }}</p>
} @else {
    <p>There was an error loading the recipe.</p>
}