RecipeSettingsMenu use v-model instead of prop and turn into script setup

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"
     />

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({
+const value = defineModel<object>({ required: true });
-  components: { RecipeSettingsSwitches },
+
-  props: {
+defineProps<{ isOwner?: boolean }>();
-    value: {
-      type: Object,
-      required: true,
-    },
-    isOwner: {
-      type: Boolean,
-      required: false,
-    },
-  },
-});
 </script>
 
 <style lang="scss" scoped></style>