Libraries and SDKs
Vue.js
Our Vue.js SDK lets you seamlessly embed insurance in your Vue 3 project.
Installation
Package Manager
npm install @mycoverai/mca-vue-sdk
pnpm add @mycoverai/mca-vue-sdk
yarn add @mycoverai/mca-vue-sdk
bun add @mycoverai/mca-vue-sdk
CDN
<script src="https://unpkg.com/@mycoverai/mca-vue-sdk/dist/umd.js"></script>
Usage
Plugin Registration
import { createApp } from 'vue';
import McaSdk from "@mycoverai/mca-vue-sdk";
import App from './App.vue';
const app = createApp(App);
app.use(McaSdk);
app.mount('#app');
Component Usage
<template>
<McaSdk
action="purchase"
pk="MCAPUBK_ENV|your_public_key"
payment-option="gateway"
:pid="['<product-id>']"
:callback="handleSuccess"
:on-close="handleClose"
/>
</template>
<script setup>
function handleClose(close_url) {
console.log("SDK closed", close_url);
}
function handleSuccess(success_url, data) {
console.log("Operation successful", success_url, data);
}
</script>
Component props
The table below contains the available component props and their descriptions.
| Parameter | Type | Required | Description |
|---|---|---|---|
pk | string | Yes | Your unique Mycover.ai public key. |
action | string | Yes | The action you want to perform. Options: purchase, managePolicy, renewal, claim. |
pid | string | string[] | Yes* | The product ID or an array of product IDs. Required for purchase and claim actions. |
paymentOption | string | Yes* | How the customer will pay. Options: gateway or wallet. Required for purchase and renewal actions. |
reference | string | No | A unique payment reference. Required if using the wallet payment option. |
callback | function | No | A function called upon successful operation (Purchase, Claim, Renewal, etc). Receives success_url (string) and data (object). |
onClose | function | No | A function called when the customer cancels or closes the SDK. Receives close_url (string). |
policyId | string | No | The ID of an existing policy (used for policy management). |
claimId | string | No | The ID of an existing claim (used to resume/track a claim). |