ruidy/meal_planner
1
0
Fork 0
mirror of https://github.com/rjNemo/meal_planner synced 2026-06-12 13:26:45 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

ref: kebab-case

Browse source
This commit is contained in:
Ruidy 2024-12-14 08:58:47 +01:00
parent 76624f206b
commit 4d1f1f7486
No known key found for this signature in database
GPG key ID: E00F51288CB857CC
4 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
TODO.md
View file

@ -12,7 +12,7 @@
- [ ] seo, robots.txt - [ ] seo, robots.txt
- [x] update the README - [x] update the README
- [ ] create image provider - [ ] create image provider
- [ ] fetch recipe per id - [x] fetch recipe per id
- [ ] add mood section - [ ] add mood section
- [ ] store recipes into my db (SQLite) - [ ] store recipes into my db (SQLite)
- [ ] process them using AI - [ ] process them using AI

12
components/recipe/card.vue
View file

@ -12,17 +12,17 @@ defineProps<{
<div class="card-body items-center text-center bg-base-200"> <div class="card-body items-center text-center bg-base-200">
<h2 class="card-title">{{ title }}</h2> <h2 class="card-title">{{ title }}</h2>
<figure class="px-10 py-5"> <figure class="px-10 py-5">
<NuxtImg :src="pictureUrl" alt="Shoes" class="rounded-xl" /> <nuxt-img :src="pictureUrl" alt="Recipe picture" />
</figure> </figure>
<div class="card-actions space-between"> <div class="card-actions space-between">
<NuxtLink class="badge badge-outline" :to="videoUrl"> <nuxt-link :to="videoUrl" target="_blank">
<Icon name="cib:youtube" color="red" /> <icon name="cib:youtube" color="red" />
</NuxtLink> </nuxt-link>
<div class="badge badge-secondary"> <div class="badge badge-secondary">
<Icon name="cil:apple" /> {{ category }} <icon name="cil:apple" /> {{ category }}
</div> </div>
<div class="badge badge-secondary"> <div class="badge badge-secondary">
<Icon name="cil:location-pin" /> {{ origin }} <icon name="cil:location-pin" /> {{ origin }}
</div> </div>
</div> </div>
</div> </div>

4
components/recipe/index.vue → components/recipe/view.vue
View file

@ -9,7 +9,7 @@ defineProps<{ recipe: Recipe }>();
<div class="flex flex-col lg:flex-row lg:justify-start gap-6 py-4"> <div class="flex flex-col lg:flex-row lg:justify-start gap-6 py-4">
<div class="w-full lg:w-[480px]"> <div class="w-full lg:w-[480px]">
<div class="card bg-base-100 shadow-xl mx-auto lg:mx-0"> <div class="card bg-base-100 shadow-xl mx-auto lg:mx-0">
<RecipeCard <recipe-card
:title="recipe.title" :title="recipe.title"
:picture-url="recipe.pictureUrl" :picture-url="recipe.pictureUrl"
:video-url="recipe.videoUrl" :video-url="recipe.videoUrl"
@ -20,7 +20,7 @@ defineProps<{ recipe: Recipe }>();
</div> </div>
<div class="w-full lg:w-[480px]"> <div class="w-full lg:w-[480px]">
<RecipeIngredients :ingredients="recipe.ingredients" /> <recipe-ingredients :ingredients="recipe.ingredients" />
</div> </div>
</div> </div>

2
pages/[id].vue
View file

@ -46,6 +46,6 @@ useSeoMeta({
/> />
</div> </div>
<section v-else> <section v-else>
<Recipe :recipe="recipe!" /> <recipe-view :recipe="recipe!" />
</section> </section>
</template> </template>