chore: Nuxt 4 upgrade (#7426)

frontend/app/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageScale.vue

@@ -0,0 +1,38 @@
+<template>
+  <div class="d-flex justify-space-between align-center pt-2 pb-3">
+    <RecipeScaleEditButton
+      v-if="!isEditMode"
+      v-model.number="scale"
+      :recipe-servings="recipeServings"
+      :edit-scale="hasFoodOrUnit && !isEditMode"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import RecipeScaleEditButton from "~/components/Domain/Recipe/RecipeScaleEditButton.vue";
+import type { NoUndefinedField } from "~/lib/api/types/non-generated";
+import type { Recipe } from "~/lib/api/types/recipe";
+import { usePageState } from "~/composables/recipe-page/shared-state";
+
+const props = defineProps<{ recipe: NoUndefinedField<Recipe> }>();
+
+const scale = defineModel<number>({ default: 1 });
+
+const { isEditMode } = usePageState(props.recipe.slug);
+
+const recipeServings = computed<number>(() => {
+  return props.recipe.recipeServings || props.recipe.recipeYieldQuantity || 1;
+});
+
+const hasFoodOrUnit = computed(() => {
+  if (props.recipe.recipeIngredient) {
+    for (const ingredient of props.recipe.recipeIngredient) {
+      if (ingredient.food || ingredient.unit) {
+        return true;
+      }
+    }
+  }
+  return false;
+});
+</script>