Vue Culqi Checkout 💳

Welcome to the Vue Culqi Checkout!

Install

yarn add vue-culqi-checkout

npm install vue-culqi-checkout

Import

javascript

import CulqiCheckout from "vue-culqi-checkout";

Vue.use(CulqiCheckout, {
  publicKey: "pk_test_27f4fbc0ddc64976",
  title: "Mi tiendita",
  currency: "PEN",
  description: "Mi super venta",
  amount: 500
});

typescript

import CulqiCheckout, { Options } from "vue-culqi-checkout";

Vue.use<Options>(CulqiCheckout, {
  publicKey: "pk_test_27f4fbc0ddc64976",
  title: "Mi tiendita",
  currency: "PEN",
  description: "Mi super venta",
  amount: 500
});

Usage

<template>
  <div id="app">
    <button @click="pay">Pagar</button>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";

@Component
export default class App extends Vue {
  async pay() {
    const token = await this.$culqi.openCheckout();
    console.log(token.id);
  }
}
</script>

Token object