diff --git a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageEditorToolbar.vue b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageEditorToolbar.vue
index 6a19e82fe..2621f1ed5 100644
--- a/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageEditorToolbar.vue
+++ b/frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageEditorToolbar.vue
@@ -7,8 +7,8 @@
       @refresh="imageKey++"
     />
     <RecipeSettingsMenu
+      v-model="recipe.settings"
       class="my-1 mx-1"
-      :value="recipe.settings"
       :is-owner="recipe.userId == user.id"
       @upload="uploadImage"
     />
diff --git a/frontend/components/Domain/Recipe/RecipeSettingsMenu.vue b/frontend/components/Domain/Recipe/RecipeSettingsMenu.vue
index e521507f7..7e5fff235 100644
--- a/frontend/components/Domain/Recipe/RecipeSettingsMenu.vue
+++ b/frontend/components/Domain/Recipe/RecipeSettingsMenu.vue
@@ -36,22 +36,12 @@
   </div>
 </template>
 
-<script lang="ts">
+<script lang="ts" setup>
 import RecipeSettingsSwitches from "./RecipeSettingsSwitches.vue";
 
-export default defineNuxtComponent({
-  components: { RecipeSettingsSwitches },
-  props: {
-    value: {
-      type: Object,
-      required: true,
-    },
-    isOwner: {
-      type: Boolean,
-      required: false,
-    },
-  },
-});
+const value = defineModel<object>({ required: true });
+
+defineProps<{ isOwner?: boolean }>();
 </script>
 
 <style lang="scss" scoped></style>