github/mealie
1
0
Fork 0
mirror of https://github.com/hay-kot/mealie.git synced 2025-08-22 22:43:34 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 15

convert to script setup

Browse source
This commit is contained in:
Kuchenpirat 2025-06-22 14:02:24 +00:00
commit 390d91aa83
1 changed files with 51 additions and 65 deletions
Download patch file Download diff file Expand all files Collapse all files

116
frontend/pages/household/mealplan/planner/view.vue
View file

@ -38,82 +38,68 @@
</v-container> </v-container>
</template> </template>
<script lang="ts"> <script lang="ts" setup>
import type { MealsByDate } from "./types"; import type { MealsByDate } from "./types";
import type { ReadPlanEntry } from "~/lib/api/types/meal-plan"; import type { ReadPlanEntry } from "~/lib/api/types/meal-plan";
import GroupMealPlanDayContextMenu from "~/components/Domain/Household/GroupMealPlanDayContextMenu.vue"; import GroupMealPlanDayContextMenu from "~/components/Domain/Household/GroupMealPlanDayContextMenu.vue";
import RecipeCardMobile from "~/components/Domain/Recipe/RecipeCardMobile.vue"; import RecipeCardMobile from "~/components/Domain/Recipe/RecipeCardMobile.vue";
import type { RecipeSummary } from "~/lib/api/types/recipe"; import type { RecipeSummary } from "~/lib/api/types/recipe";
export default defineNuxtComponent({ const props = defineProps<{
components: { mealplans: MealsByDate[];
GroupMealPlanDayContextMenu, }>();
RecipeCardMobile,
}, type DaySection = {
props: { title: string;
mealplans: { meals: ReadPlanEntry[];
type: Array as () => MealsByDate[], };
required: true,
}, type Days = {
}, date: Date;
setup(props) { sections: DaySection[];
type DaySection = { recipes: RecipeSummary[];
title: string; };
meals: ReadPlanEntry[];
const i18n = useI18n();
const plan = computed<Days[]>(() => {
return props.mealplans.reduce((acc, day) => {
const out: Days = {
date: day.date,
sections: [
{ title: i18n.t("meal-plan.breakfast"), meals: [] },
{ title: i18n.t("meal-plan.lunch"), meals: [] },
{ title: i18n.t("meal-plan.dinner"), meals: [] },
{ title: i18n.t("meal-plan.side"), meals: [] },
],
recipes: [],
}; };
type Days = { for (const meal of day.meals) {
date: Date; if (meal.entryType === "breakfast") {
sections: DaySection[]; out.sections[0].meals.push(meal);
recipes: RecipeSummary[]; }
}; else if (meal.entryType === "lunch") {
out.sections[1].meals.push(meal);
}
else if (meal.entryType === "dinner") {
out.sections[2].meals.push(meal);
}
else if (meal.entryType === "side") {
out.sections[3].meals.push(meal);
}
const i18n = useI18n(); if (meal.recipe) {
out.recipes.push(meal.recipe);
}
}
const plan = computed<Days[]>(() => { // Drop empty sections
return props.mealplans.reduce((acc, day) => { out.sections = out.sections.filter(section => section.meals.length > 0);
const out: Days = {
date: day.date,
sections: [
{ title: i18n.t("meal-plan.breakfast"), meals: [] },
{ title: i18n.t("meal-plan.lunch"), meals: [] },
{ title: i18n.t("meal-plan.dinner"), meals: [] },
{ title: i18n.t("meal-plan.side"), meals: [] },
],
recipes: [],
};
for (const meal of day.meals) { acc.push(out);
if (meal.entryType === "breakfast") {
out.sections[0].meals.push(meal);
}
else if (meal.entryType === "lunch") {
out.sections[1].meals.push(meal);
}
else if (meal.entryType === "dinner") {
out.sections[2].meals.push(meal);
}
else if (meal.entryType === "side") {
out.sections[3].meals.push(meal);
}
if (meal.recipe) { return acc;
out.recipes.push(meal.recipe); }, [] as Days[]);
}
}
// Drop empty sections
out.sections = out.sections.filter(section => section.meals.length > 0);
acc.push(out);
return acc;
}, [] as Days[]);
});
return {
plan,
};
},
}); });
</script> </script>