WIP

vue/src/components/Modals/ShoppingModal.vue

@@ -55,6 +55,7 @@
                     </b-input-group-prepend>
 
                     <b-form-spinbutton min="1" v-model="recipe_servings" inline style="height: 3em"></b-form-spinbutton>
+                    <CustomInputSpinButton v-model.number="recipe_servings" style="height: 3em" />
 
                     <b-input-group-append>
                         <b-button variant="secondary" @click="$bvModal.hide(`shopping_${modal_id}`)">{{ $t("Cancel") }} </b-button>
@@ -75,10 +76,11 @@ const { ApiApiFactory } = require("@/utils/openapi/api")
 import { StandardToasts } from "@/utils/utils"
 import IngredientsCard from "@/components/IngredientsCard"
 import LoadingSpinner from "@/components/LoadingSpinner"
+import CustomInputSpinButton from "@/components/CustomInputSpinButton"
 
 export default {
     name: "ShoppingModal",
-    components: { IngredientsCard, LoadingSpinner },
+    components: { IngredientsCard, LoadingSpinner, CustomInputSpinButton },
     mixins: [],
     props: {
         recipe: { required: true, type: Object },