convert to script setup

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

@@ -38,25 +38,17 @@
   </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) {
+const props = defineProps<{
+  mealplans: MealsByDate[];
+}>();
+
 type DaySection = {
   title: string;
   meals: ReadPlanEntry[];
@@ -110,10 +102,4 @@ export default defineNuxtComponent({
     return acc;
   }, [] as Days[]);
 });
-
-    return {
-      plan,
-    };
-  },
-});
 </script>