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

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>
</template>
<script lang="ts">
<script lang="ts" setup>
import type { MealsByDate } from "./types";
import type { ReadPlanEntry } from "~/lib/api/types/meal-plan";
import GroupMealPlanDayContextMenu from "~/components/Domain/Household/GroupMealPlanDayContextMenu.vue";
import RecipeCardMobile from "~/components/Domain/Recipe/RecipeCardMobile.vue";
import type { RecipeSummary } from "~/lib/api/types/recipe";
export default defineNuxtComponent({
components: {
GroupMealPlanDayContextMenu,
RecipeCardMobile,
},
props: {
mealplans: {
type: Array as () => MealsByDate[],
required: true,
},
},
setup(props) {
type DaySection = {
title: string;
meals: ReadPlanEntry[];
const props = defineProps<{
mealplans: MealsByDate[];
}>();
type DaySection = {
title: string;
meals: ReadPlanEntry[];
};
type Days = {
date: Date;
sections: DaySection[];
recipes: RecipeSummary[];
};
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 = {
date: Date;
sections: DaySection[];
recipes: RecipeSummary[];
};
for (const meal of day.meals) {
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);
}
const i18n = useI18n();
if (meal.recipe) {
out.recipes.push(meal.recipe);
}
}
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: [],
};
// Drop empty sections
out.sections = out.sections.filter(section => section.meals.length > 0);
for (const meal of day.meals) {
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);
}
acc.push(out);
if (meal.recipe) {
out.recipes.push(meal.recipe);
}
}
// Drop empty sections
out.sections = out.sections.filter(section => section.meals.length > 0);
acc.push(out);
return acc;
}, [] as Days[]);
});
return {
plan,
};
},
return acc;
}, [] as Days[]);
});
</script>