Merge pull request #988 from w3bdesign/dev

Success page

Author: w3bdesign

components/Checkout/CheckoutForm.vue

@@ -91,7 +91,7 @@ const handleSubmit = ({
 
   mutate(checkoutData);
 
-  onDone(() => alert("Order placed!"));
+  onDone(async () => await navigateTo("/success"));
 
   onError(() => alert("Error, order not placed"));
 };

pages/success.vue

@@ -0,0 +1,16 @@
+<template>
+  <div>
+    <h1>Thank you for your order!</h1>
+    <h2>Please check your email for an order confirmation</h2>
+  </div>
+</template>
+
+<style scoped>
+h1 {
+  @apply h-10 p-6 text-3xl font-bold text-center;
+}
+
+h2 {
+  @apply h-10 p-6 text-2xl font-bold text-center mt-4;
+}
+</style>