diff --git a/public/js/app.js b/public/js/app.js
index 1ae83439..74009651 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -16438,7 +16438,7 @@ module.exports = {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
-/* harmony import */ var vue_router__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! vue-router */ "./node_modules/vue-router/dist/vue-router.esm-bundler.js");
+/* harmony import */ var vue_router__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! vue-router */ "./node_modules/vue-router/dist/vue-router.esm-bundler.js");
/* harmony import */ var _store_index__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./store/index */ "./resources/js/store/index.js");
/* harmony import */ var _components_Layout_Layout_vue__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/Layout/Layout.vue */ "./resources/js/components/Layout/Layout.vue");
/* harmony import */ var _components_Layout_Footer_FooterContent_vue__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/Layout/Footer/FooterContent.vue */ "./resources/js/components/Layout/Footer/FooterContent.vue");
@@ -16447,6 +16447,8 @@ __webpack_require__.r(__webpack_exports__);
/* harmony import */ var _pages_Products_Products_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./pages/Products/Products.vue */ "./resources/js/pages/Products/Products.vue");
/* harmony import */ var _pages_Categories_Categories_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./pages/Categories/Categories.vue */ "./resources/js/pages/Categories/Categories.vue");
/* harmony import */ var _pages_Checkout_Checkout_vue__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./pages/Checkout/Checkout.vue */ "./resources/js/pages/Checkout/Checkout.vue");
+/* harmony import */ var _pages_Checkout_Summary_vue__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./pages/Checkout/Summary.vue */ "./resources/js/pages/Checkout/Summary.vue");
+
@@ -16472,9 +16474,12 @@ var routes = [{
}, {
path: '/checkout',
component: _pages_Checkout_Checkout_vue__WEBPACK_IMPORTED_MODULE_8__.default
+}, {
+ path: '/thankyou',
+ component: _pages_Checkout_Summary_vue__WEBPACK_IMPORTED_MODULE_9__.default
}];
-var router = (0,vue_router__WEBPACK_IMPORTED_MODULE_9__.createRouter)({
- history: (0,vue_router__WEBPACK_IMPORTED_MODULE_9__.createWebHashHistory)(),
+var router = (0,vue_router__WEBPACK_IMPORTED_MODULE_10__.createRouter)({
+ history: (0,vue_router__WEBPACK_IMPORTED_MODULE_10__.createWebHashHistory)(),
routes: routes
});
(0,vue__WEBPACK_IMPORTED_MODULE_0__.createApp)({
@@ -16485,7 +16490,8 @@ var router = (0,vue_router__WEBPACK_IMPORTED_MODULE_9__.createRouter)({
Index: _pages_Home_Index_vue__WEBPACK_IMPORTED_MODULE_5__.default,
Products: _pages_Products_Products_vue__WEBPACK_IMPORTED_MODULE_6__.default,
Categories: _pages_Categories_Categories_vue__WEBPACK_IMPORTED_MODULE_7__.default,
- Checkout: _pages_Checkout_Checkout_vue__WEBPACK_IMPORTED_MODULE_8__.default
+ Checkout: _pages_Checkout_Checkout_vue__WEBPACK_IMPORTED_MODULE_8__.default,
+ Summary: _pages_Checkout_Summary_vue__WEBPACK_IMPORTED_MODULE_9__.default
}
}).use(_store_index__WEBPACK_IMPORTED_MODULE_1__.default).use(router).mount('#app');
@@ -16752,6 +16758,7 @@ __webpack_require__.r(__webpack_exports__);
/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! axios */ "./node_modules/axios/index.js");
/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(axios__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! vuex */ "./node_modules/vuex/dist/vuex.esm-bundler.js");
+/* harmony import */ var vue_router__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! vue-router */ "./node_modules/vue-router/dist/vue-router.esm-bundler.js");
/* harmony import */ var _stripe_stripe_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @stripe/stripe-js */ "./node_modules/@stripe/stripe-js/dist/stripe.esm.js");
@@ -16769,9 +16776,11 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
+
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,vue__WEBPACK_IMPORTED_MODULE_1__.defineComponent)({
setup: function setup() {
var store = (0,vuex__WEBPACK_IMPORTED_MODULE_4__.useStore)();
+ var router = (0,vue_router__WEBPACK_IMPORTED_MODULE_5__.useRouter)();
var localState = (0,vue__WEBPACK_IMPORTED_MODULE_1__.reactive)({
removingCartItem: false,
paymentIsProcessing: false,
@@ -16805,7 +16814,7 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
var checkout = /*#__PURE__*/function () {
var _ref = _asyncToGenerator( /*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().mark(function _callee() {
- var _yield$localState$str, paymentMethod, error, totalAmount, amount;
+ var _yield$localState$str, paymentMethod, error;
return _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default().wrap(function _callee$(_context) {
while (1) {
@@ -16845,12 +16854,9 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
return _context.abrupt("return");
case 8:
- localState.paymentIsProcessing = true;
- totalAmount = 99.00;
- amount = totalAmount.toLocaleString('nb-NO', {
- style: 'currency',
- currency: 'NOK'
- });
+ localState.paymentIsProcessing = true; // const totalAmount = 99.00;
+ // const amount = totalAmount.toLocaleString('nb-NO', { style: 'currency', currency: 'NOK' });
+
localState.customer.amount = 9900;
localState.customer.cart = JSON.stringify(store.state.cart);
localState.customer.payment_method_id = paymentMethod.id;
@@ -16859,7 +16865,9 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
if (response.statusText === 'Created') {
// TODO Redirect to success page
- console.log('Success!');
+ console.log('Success! Redirecting ....'); // this.$router.push('/thankyou');
+
+ router.push('/thankyou');
}
})["catch"](function (orderError) {
localState.paymentProcessing = false;
@@ -16867,7 +16875,7 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
console.error(orderError);
});
- case 15:
+ case 13:
case "end":
return _context.stop();
}
@@ -16898,10 +16906,8 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
}
});
localState.cardElement.mount('#card-element');
- console.log('Stripe test: ');
- console.log(localState.stripe);
- case 8:
+ case 6:
case "end":
return _context2.stop();
}
@@ -16922,6 +16928,21 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
/***/ }),
+/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/pages/Checkout/Summary.vue?vue&type=script&lang=js":
+/*!*****************************************************************************************************************************************************************************************************!*\
+ !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/pages/Checkout/Summary.vue?vue&type=script&lang=js ***!
+ \*****************************************************************************************************************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": () => __WEBPACK_DEFAULT_EXPORT__
+/* harmony export */ });
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({});
+
+/***/ }),
+
/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/pages/Home/Hero.vue?vue&type=script&lang=js":
/*!**********************************************************************************************************************************************************************************************!*\
!*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/pages/Home/Hero.vue?vue&type=script&lang=js ***!
@@ -17470,34 +17491,29 @@ var _hoisted_15 = {
key: 0,
"class": "m-4 text-3xl text-center"
};
+var _hoisted_16 = {
+ key: 1
+};
-var _hoisted_16 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("h2", {
+var _hoisted_17 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("h2", {
"class": "h-10 p-6 text-2xl font-bold text-center"
}, " Stripe payment ", -1
/* HOISTED */
);
-var _hoisted_17 = {
+var _hoisted_18 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", {
"class": "flex justify-center w-full p-4 align-center"
-};
-
-var _hoisted_18 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("br", null, null, -1
+}, [/*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("br"), /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", {
+ id: "card-element",
+ "class": "w-1/2 h-32 mt-4"
+}, " Stripe ")], -1
/* HOISTED */
);
var _hoisted_19 = {
- key: 0,
- id: "card-element",
- "class": "w-1/2 h-32 mt-4"
-};
-var _hoisted_20 = {
"class": "flex justify-center w-full align-center"
};
-var _hoisted_21 = /*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("br", null, null, -1
-/* HOISTED */
-);
-
(0,vue__WEBPACK_IMPORTED_MODULE_0__.popScopeId)();
var render = /*#__PURE__*/_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
@@ -17526,8 +17542,7 @@ var render = /*#__PURE__*/_withId(function (_ctx, _cache, $props, $setup, $data,
)])]);
}), 128
/* KEYED_FRAGMENT */
- ))]), !_ctx.cartLength ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("h2", _hoisted_15, " Cart is currently empty ")) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), _hoisted_16, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_17, [_hoisted_18, _ctx.cartLength ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_19, " Stripe ")) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_20, [_ctx.cartLength ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("button", {
- key: 0,
+ ))]), !_ctx.cartLength ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("h2", _hoisted_15, " Cart is currently empty ")) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), _ctx.cartLength ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", _hoisted_16, [_hoisted_17, _hoisted_18, (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("div", _hoisted_19, [(0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)("button", {
"class": ["p-2 mt-4 mb-4 text-lg font-bold text-white bg-blue-500 rounded hover:bg-blue-700", {
disabledButton: _ctx.paymentIsProcessing
}],
@@ -17537,11 +17552,30 @@ var render = /*#__PURE__*/_withId(function (_ctx, _cache, $props, $setup, $data,
})
}, " Checkout ", 10
/* CLASS, PROPS */
- , ["disabled"])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true), _hoisted_21])]);
+ , ["disabled"])])])) : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)("v-if", true)]);
});
/***/ }),
+/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/pages/Checkout/Summary.vue?vue&type=template&id=6f0a86c6":
+/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
+ !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/pages/Checkout/Summary.vue?vue&type=template&id=6f0a86c6 ***!
+ \*********************************************************************************************************************************************************************************************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "render": () => /* binding */ render
+/* harmony export */ });
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ "./node_modules/vue/dist/vue.esm-bundler.js");
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+ return (0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createBlock)("div", null, "This is the summary page");
+}
+
+/***/ }),
+
/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/pages/Home/Hero.vue?vue&type=template&id=01967711&scoped=true":
/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/pages/Home/Hero.vue?vue&type=template&id=01967711&scoped=true ***!
@@ -36818,6 +36852,32 @@ _Checkout_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_1__.default.__fil
/***/ }),
+/***/ "./resources/js/pages/Checkout/Summary.vue":
+/*!*************************************************!*\
+ !*** ./resources/js/pages/Checkout/Summary.vue ***!
+ \*************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": () => __WEBPACK_DEFAULT_EXPORT__
+/* harmony export */ });
+/* harmony import */ var _Summary_vue_vue_type_template_id_6f0a86c6__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Summary.vue?vue&type=template&id=6f0a86c6 */ "./resources/js/pages/Checkout/Summary.vue?vue&type=template&id=6f0a86c6");
+/* harmony import */ var _Summary_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Summary.vue?vue&type=script&lang=js */ "./resources/js/pages/Checkout/Summary.vue?vue&type=script&lang=js");
+
+
+
+_Summary_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_1__.default.render = _Summary_vue_vue_type_template_id_6f0a86c6__WEBPACK_IMPORTED_MODULE_0__.render
+/* hot reload */
+if (false) {}
+
+_Summary_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_1__.default.__file = "resources/js/pages/Checkout/Summary.vue"
+
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_Summary_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_1__.default);
+
+/***/ }),
+
/***/ "./resources/js/pages/Home/Hero.vue":
/*!******************************************!*\
!*** ./resources/js/pages/Home/Hero.vue ***!
@@ -37010,6 +37070,22 @@ __webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Checkout_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./Checkout.vue?vue&type=script&lang=js */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/pages/Checkout/Checkout.vue?vue&type=script&lang=js");
+/***/ }),
+
+/***/ "./resources/js/pages/Checkout/Summary.vue?vue&type=script&lang=js":
+/*!*************************************************************************!*\
+ !*** ./resources/js/pages/Checkout/Summary.vue?vue&type=script&lang=js ***!
+ \*************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "default": () => /* reexport safe */ _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Summary_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_0__.default
+/* harmony export */ });
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Summary_vue_vue_type_script_lang_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./Summary.vue?vue&type=script&lang=js */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/pages/Checkout/Summary.vue?vue&type=script&lang=js");
+
+
/***/ }),
/***/ "./resources/js/pages/Home/Hero.vue?vue&type=script&lang=js":
@@ -37186,6 +37262,22 @@ __webpack_require__.r(__webpack_exports__);
/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Checkout_vue_vue_type_template_id_67966e56_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../../node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!../../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./Checkout.vue?vue&type=template&id=67966e56&scoped=true */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/pages/Checkout/Checkout.vue?vue&type=template&id=67966e56&scoped=true");
+/***/ }),
+
+/***/ "./resources/js/pages/Checkout/Summary.vue?vue&type=template&id=6f0a86c6":
+/*!*******************************************************************************!*\
+ !*** ./resources/js/pages/Checkout/Summary.vue?vue&type=template&id=6f0a86c6 ***!
+ \*******************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */ "render": () => /* reexport safe */ _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Summary_vue_vue_type_template_id_6f0a86c6__WEBPACK_IMPORTED_MODULE_0__.render
+/* harmony export */ });
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_use_0_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_3_node_modules_vue_loader_dist_index_js_ruleSet_0_use_0_Summary_vue_vue_type_template_id_6f0a86c6__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!../../../../node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!../../../../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./Summary.vue?vue&type=template&id=6f0a86c6 */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./resources/js/pages/Checkout/Summary.vue?vue&type=template&id=6f0a86c6");
+
+
/***/ }),
/***/ "./resources/js/pages/Home/Hero.vue?vue&type=template&id=01967711&scoped=true":
diff --git a/resources/js/app.js b/resources/js/app.js
index 4e16215e..3571b0f1 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -11,6 +11,7 @@ import Index from './pages/Home/Index.vue';
import Products from './pages/Products/Products.vue';
import Categories from './pages/Categories/Categories.vue';
import Checkout from './pages/Checkout/Checkout.vue';
+import Summary from './pages/Checkout/Summary.vue';
require('./bootstrap');
@@ -19,6 +20,7 @@ const routes = [
{ path: '/products', component: Products },
{ path: '/categories', component: Categories },
{ path: '/checkout', component: Checkout },
+ { path: '/thankyou', component: Summary },
];
const router = createRouter({
@@ -35,6 +37,7 @@ createApp({
Products,
Categories,
Checkout,
+ Summary,
},
})
.use(store)
diff --git a/resources/js/pages/Checkout/Checkout.vue b/resources/js/pages/Checkout/Checkout.vue
index 0d314752..5d420b9a 100644
--- a/resources/js/pages/Checkout/Checkout.vue
+++ b/resources/js/pages/Checkout/Checkout.vue
@@ -51,30 +51,32 @@
>
Cart is currently empty
-
- Stripe payment
-
-
-
-
+
- Stripe
+ Stripe payment
+
+
+
+
-
-
-
-
This is the summary page
+
+
+
+
+