convert to script setup

frontend/pages/household/mealplan/planner/view.vue

@@ -38,39 +38,31 @@
   </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({
+const props = defineProps<{
-  components: {
+  mealplans: MealsByDate[];
-    GroupMealPlanDayContextMenu,
+}>();
-    RecipeCardMobile,
+
-  },
+type DaySection = {
-  props: {
-    mealplans: {
-      type: Array as () => MealsByDate[],
-      required: true,
-    },
-  },
-  setup(props) {
-    type DaySection = {
   title: string;
   meals: ReadPlanEntry[];
-    };
+};
 
-    type Days = {
+type Days = {
   date: Date;
   sections: DaySection[];
   recipes: RecipeSummary[];
-    };
+};
 
-    const i18n = useI18n();
+const i18n = useI18n();
 
-    const plan = computed<Days[]>(() => {
+const plan = computed<Days[]>(() => {
   return props.mealplans.reduce((acc, day) => {
     const out: Days = {
       date: day.date,
@@ -109,11 +101,5 @@ export default defineNuxtComponent({
 
     return acc;
   }, [] as Days[]);
-    });
-
-    return {
-      plan,
-    };
-  },
 });
 </script>