src/main.js

main.js

// src/main.js
// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  template: '<App/>',
  components: { App }
})

app.post('/create-checkout-session', async (req, res) => {
const session = await stripe.checkout.sessions.create({
payment_method_types: ['card'],
line_items: [
{
price_data: {
currency: 'usd',
product_data: {
name: 'Product Name',
},
unit_amount: 5000, // Amount in cents
},
quantity: 1,
},
],
mode: 'payment',
success_url: ${YOUR_URL}/success,
cancel_url: ${YOUR_URL}/cancel,
});

res.json({ id: session.id });
});