Clear cart on order success

Author: w3bdesign

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",

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: {