install ViZO Checkout

npm install vizo-checkout

yarn add vizo-checkout

<script lang="ts">
import { VizoCheckout, payload } from 'vizo-checkout';

const data = {
  "client_token": "XXXXXXXXXX",
  "tx_ref": "12323232123",
  "amount": 100000,
  "currency": "NGN",
  "payment_options": "all",
  "redirect_url": "https:/example.com/payment",
  "meta": {
    "consumer_id": 23,
    "consumer_mac": "92a3-912ba-1192a"
  },
  "customer": {
    "email": "[email protected]",
    "phone_number": "0910007777",
    "name": "John Doe"
  },
  "customizations": {
    "title": "Best Seller Store",
    "description": "Payment for item GHJ",
    "logo": "https://www.logolynx.com/images/logolynx/93/9386b26a9f3e2139198613db21e48c5a.png"
  }
};

async function useCheckOut() {
  payload.value =data;
  const checkout = await VizoCheckout();
   console.log('checkout: ', checkout);
}
</script>

 <div>
    <button @click="useCheckOut()">Testing</button>
  </div>