HouseholdPreferenceEditor

frontend/components/Domain/Household/HouseholdPreferencesEditor.vue

@@ -41,18 +41,10 @@
 	</div>
 </template>
 
-<script lang="ts">
+<script setup lang="ts">
 import type { ReadHouseholdPreferences } from "~/lib/api/types/household";
 
-export default defineNuxtComponent({
+const preferences = defineModel<ReadHouseholdPreferences>({ required: true });
-  props: {
-    modelValue: {
-      type: Object,
-      required: true,
-    },
-  },
-  emits: ["update:modelValue"],
-  setup(props, context) {
 const i18n = useI18n();
 
 type Preference = {
@@ -124,23 +116,6 @@ export default defineNuxtComponent({
     value: 6,
   },
 ];
-
-		const preferences = computed({
-		  get() {
-		    return props.modelValue;
-		  },
-		  set(val) {
-		    context.emit("update:modelValue", val);
-		  },
-		});
-
-		return {
-		  allDays,
-		  preferences,
-		  recipePreferences,
-		};
-  },
-});
 </script>
 
 <style lang="css">