diff options
| author | Mateja <mail@matejamaric.com> | 2021-07-25 16:45:55 +0200 |
|---|---|---|
| committer | Mateja <mail@matejamaric.com> | 2021-07-25 16:45:55 +0200 |
| commit | ba0dfd3622d5a72b07fc1085b235383b20a6f9b1 (patch) | |
| tree | a5bcfaafbefeb266492705ecd05b12a1d796d6f0 /client/src/views/Checkout.vue | |
| parent | 73751eff7688ec9994c098ba95f1c08fad210e31 (diff) | |
| download | mevn-ecommerce-ba0dfd3622d5a72b07fc1085b235383b20a6f9b1.tar.gz mevn-ecommerce-ba0dfd3622d5a72b07fc1085b235383b20a6f9b1.zip | |
Allow product removal on Checkout page.
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> |