mirror of
https://github.com/rjNemo/meal_planner
synced 2026-06-10 20:36:39 +00:00
19 lines
496 B
Vue
19 lines
496 B
Vue
<script setup lang="ts">
|
|
const { recipe, pending, error } = await useRecipe();
|
|
</script>
|
|
|
|
<template>
|
|
<div v-if="pending">Loading</div>
|
|
<div v-else-if="error">Failed: {{ error }}</div>
|
|
<section v-else>
|
|
<div class="card w-96 bg-base-100 shadow-xl">
|
|
<RecipeCard
|
|
:title="recipe.title"
|
|
:picture-url="recipe.pictureUrl"
|
|
:video-url="recipe.videoUrl"
|
|
:category="recipe.category"
|
|
:origin="recipe.origin"
|
|
/>
|
|
</div>
|
|
</section>
|
|
</template>
|