simplify and just use computed property

This commit is contained in:
Michael Genson 2025-07-27 01:21:47 +00:00
commit 81ab79f9fa

View file

@ -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,
};
},