mirrors/recipes
1
0
Fork 0
mirror of https://github.com/TandoorRecipes/recipes.git synced 2026-01-03 13:19:16 -05:00
Code Issues Packages Projects Releases Wiki Activity

playing with vueforms

Browse Source
This commit is contained in:
vabene1111
2024-03-29 14:38:22 +01:00
parent c1d6e98349
commit 369c460837
9 changed files with 341 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
vue3/src/pages/MealPlanPage.vue
View File

@@ -1,7 +1,8 @@
<template>
<v-container>
<v-container>
</v-container>
</v-container>
</template>
@@ -18,7 +19,9 @@ export default defineComponent({
components: {ModelSelect, RecipeCard},
data() {
return {
test: {
text: String,
},
}
},
mounted() {

8
vue3/src/pages/RecipeSearchPage.vue
View File

@@ -1,14 +1,18 @@
<template>
<v-container>
<horizontal-meal-plan-window title="Meal Plans"></horizontal-meal-plan-window>
<v-btn>
<meal-plan-dialog></meal-plan-dialog>
</v-btn>
<horizontal-meal-plan-window></horizontal-meal-plan-window>
<!--TODO ideas for "start page": new recipes, meal plan, "last year/month/cooked long ago", high rated, random keyword -->
<!--TODO if nothing comes up for a category, hide the element, probably move fetch logic into component -->
<horizontal-recipe-scroller title="New Recipes" :skeletons="4" :recipes="new_recipes" icon="fas fa-calendar-alt"></horizontal-recipe-scroller>
<horizontal-recipe-scroller title="Top Rated" :skeletons="2" :recipes="high_rated_recipes" icon="fas fa-star"></horizontal-recipe-scroller>
<horizontal-recipe-scroller :title="random_keyword.label" :skeletons="4" :recipes="random_keyword_recipes" icon="fas fa-tags"></horizontal-recipe-scroller>
<horizontal-recipe-scroller :title="random_keyword.label" :skeletons="4" :recipes="random_keyword_recipes" icon="fas fa-tags" v-if="random_keyword.label"></horizontal-recipe-scroller>
</v-container>