From 81ab79f9fa7873e3fdd76788cabbb13d9c8954f0 Mon Sep 17 00:00:00 2001
From: Michael Genson <71845777+michael-genson@users.noreply.github.com>
Date: Sun, 27 Jul 2025 01:21:47 +0000
Subject: [PATCH] simplify and just use computed property

---
 .../Domain/Recipe/RecipeScaleEditButton.vue    | 18 ++----------------
 1 file changed, 2 insertions(+), 16 deletions(-)

diff --git a/frontend/components/Domain/Recipe/RecipeScaleEditButton.vue b/frontend/components/Domain/Recipe/RecipeScaleEditButton.vue
index 1871f8d92..193a5166b 100644
--- a/frontend/components/Domain/Recipe/RecipeScaleEditButton.vue
+++ b/frontend/components/Domain/Recipe/RecipeScaleEditButton.vue
@@ -66,7 +66,7 @@
             <v-card-text class="mt-n5">
               <div class="mt-4 d-flex align-center">
                 <v-text-field
-                  :model-value="yieldQuantityEditorValue"
+                  :model-value="yieldQuantity"
                   type="number"
                   :min="0"
                   variant="underlined"
@@ -178,21 +178,8 @@ export default defineNuxtComponent({
         : "";
     });
 
-    // only update yield quantity when the menu opens, so we don't override the user's input
-    const yieldQuantityEditorValue = ref(recipeYieldAmount.value.scaledAmount);
-    watch(
-      () => menu.value,
-      () => {
-        if (!menu.value) {
-          return;
-        }
-
-        yieldQuantityEditorValue.value = recipeYieldAmount.value.scaledAmount;
-      },
-    );
-
     const disableDecrement = computed(() => {
-      return recipeYieldAmount.value.scaledAmount <= 1;
+      return yieldQuantity.value <= 1;
     });
 
     return {
@@ -202,7 +189,6 @@ export default defineNuxtComponent({
       recalculateScale,
       yieldDisplay,
       yieldQuantity,
-      yieldQuantityEditorValue,
       disableDecrement,
     };
   },