Remove keep-alive tag. Update cart after checkout.

beljp · Jan 17, 2022 · 0b9d45a · 0b9d45a
1 parent 2d55df4
commit 0b9d45a
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 6 deletions.
diff --git a/layouts/default.vue b/layouts/default.vue
@@ -7,7 +7,7 @@
 		<transition name="slide">
 			<MobileMenu v-if="showMenu" class="z-50" />
 		</transition>
-		<Nuxt class="flex-1" keek-alive />
+		<Nuxt class="flex-1" />
 		<transition name="page">
 			<div
 				v-if="showCart || showMenu"

diff --git a/nuxt.config.js b/nuxt.config.js
@@ -84,6 +84,7 @@ export default defineNuxtConfig({
   publicRuntimeConfig: {
     perPage: 12,
     clientVersion: pkg.version,
+    stripePublishableKey: process.env.STRIPE_PUBLISHABLE_KEY,
   },
 
   router: {

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "woonuxt",
-  "version": "0.3.14",
+  "version": "0.3.15",
   "private": true,
   "scripts": {
     "dev": "nuxi dev",

diff --git a/pages/checkout.vue b/pages/checkout.vue
@@ -33,11 +33,16 @@
             <BillingDetails :billing="billing" />
 
             <div>
-                <label for>Credit Card</label>
+                <label class="flex justify-between" for>
+                    Credit Card
+                    <span
+                        class="text-sm text-orange-400 capitalize"
+                    >Test mode: 4242 4242 4242 4242</span>
+                </label>
                 <StripeElements
                     v-if="loadStripe"
                     class="w-full"
-                    :stripe-key="'pk_test_PnccujKJJqnELQBTdWpHx5s900OzMpEh6o'"
+                    :stripe-key="$config.stripePublishableKey"
                     :instance-options="{}"
                     :elements-options="{}"
                     #default="{ elements }"
@@ -63,6 +68,7 @@
 <script>
 import { StripeElements, StripeElement } from 'vue-stripe-elements-plus'
 import CHECKOUT from '~/gql/mutations/checkout';
+import GET_CART from '~/gql/queries/getCart';
 
 export default {
     data() {
@@ -116,9 +122,11 @@ export default {
                 const { checkout } = await this.$graphql.default.request(CHECKOUT, variables)
                 if (checkout.result == 'success') {
                     this.buttonText = 'Order Successfull';
-                    setTimeout(() => {
+                    const { cart, viewer, customer } = await this.$graphql.default.request(GET_CART);
+                    this.$store.commit('updateCart', cart);
+                    if (cart) {
                         this.$router.push('/order/' + checkout.order.databaseId)
-                    }, 600);
+                    }
                 } else {
                     this.buttonText = 'Place Order';
                 }