diff options
Diffstat (limited to 'client/src/views/Checkout.vue')
| -rw-r--r-- | client/src/views/Checkout.vue | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/client/src/views/Checkout.vue b/client/src/views/Checkout.vue index 83d0940..8adeb4a 100644 --- a/client/src/views/Checkout.vue +++ b/client/src/views/Checkout.vue @@ -10,6 +10,7 @@ <i>${{ item.price }}</i> </div> <span class="badge bg-primary rounded-pill">{{ item.quantity }}</span> + <span class="badge bg-danger rounded-pill ms-2" @click="remove(item.id)">x</span> </li> </ul> <p class="text-center my-3 fw-bold">You can buy {{ cartSize }} items for ${{ cartPrice }}.</p> @@ -31,6 +32,11 @@ export default { cartPrice() { return this.$store.getters.getCartPrice; } + }, + methods: { + remove(id) { + this.$store.commit('removeFromCart', id); + } } } </script> |