Clear cart on order success

w3bdesign · Feb 5, 2023 · eae084c · eae084c
1 parent e079b21
commit eae084c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/pages/success.vue b/pages/success.vue
@@ -6,6 +6,14 @@
 </template>
 
 <script setup>
+import { useCart } from "@/store/useCart";
+
+const cart = useCart();
+
+onBeforeMount(() => {
+  cart.clearCart();
+});
+
 useHead({
   title: "Order placed",
   titleTemplate: "%s - Nuxt 3 Woocommerce",

diff --git a/store/useCart.js b/store/useCart.js
@@ -24,12 +24,8 @@ export const useCart = defineStore("cartState", {
     removeProductFromCart(product) {
       this.cart.splice(this.cart.indexOf(product), 1);
     },
-
     clearCart() {
-      console.log("Called clear cart action");
-      this.cart = [];
-      //this.cart.length = 0;
-      console.log("Length: ", this.cart.length);
+      this.cart.length = 0;
     },
   },
   getters: {