Merge pull request #1013 from w3bdesign/1012-clear-cart-on-successful-order

1012 clear cart on successful order

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

@@ -2,8 +2,6 @@ import { defineStore } from "pinia";
 
 const state = {
   cart: [],
-  order: {},
-  customer: {},
   loading: true,
   error: null,
 };
@@ -26,39 +24,15 @@ export const useCart = defineStore("cartState", {
     removeProductFromCart(product) {
       this.cart.splice(this.cart.indexOf(product), 1);
     },
-
     clearCart() {
       this.cart.length = 0;
     },
-    clearCustomer() {
-      this.customer = {};
-    },
-    clearOrder() {
-      this.order = {};
-    },
-    saveCustomerDetails(customer) {
-      this.customer = customer;
-    },
-    saveOrderId(order) {
-      this.order = order;
-    },
-    getSingleProduct(slug) {
-      return this.products.find((product) => product.slug === slug);
-    },
   },
   getters: {
     getCartQuantity() {
       return this.cart.reduce((total, product) => total + product.quantity, 0);
     },
-    getOrderDetails() {
-      return this.order;
-    },
-    getCartContent() {
-      return this.cart;
-    },
-    getCustomerDetails() {
-      return this.customer;
-    },
+
     getCartTotal() {
       const currencySymbol = useRuntimeConfig().public.currencySymbol || "kr";