From f28f250fab1e506ce4149805bd50295b13f6e1bc Mon Sep 17 00:00:00 2001
From: Josh Creek <8179928+jcreek@users.noreply.github.com>
Date: Tue, 29 Oct 2024 19:17:05 +0000
Subject: [PATCH] fix(#51): Ensure the input for quantity is reactive

---
 src/lib/components/checkout/BasketItem.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/checkout/BasketItem.svelte b/src/lib/components/checkout/BasketItem.svelte
index 3924f37..1a50ef5 100644
--- a/src/lib/components/checkout/BasketItem.svelte
+++ b/src/lib/components/checkout/BasketItem.svelte
@@ -11,10 +11,11 @@
 	export let price = 0;
 	export let quantity = 0;
 
+	$: dispatch('changeQuantity', { itemId, quantity });
+
 	function reduceQuantityByOne() {
 		if (quantity > 1) {
 			quantity--;
-			dispatch('changeQuantity', { itemId, quantity });
 		} else {
 			dispatch('removeItem', { itemId });
 		}
@@ -22,7 +23,6 @@
 
 	function increaseQuantityByOne() {
 		quantity++;
-		dispatch('changeQuantity', { itemId, quantity });
 	}
 </script>