MyCover AI
Search…
⌃K

Vue 2 SDK

Official MyCover.ai SDK. Supercharge your product with MyCover AI Insurance offerings. Create embedded insurance offerings or full white label insurance applications that excite your customers.

Installation

With NPM

npm install @mycoverai/mca-vue-legacy-sdk

From CDN

<script src="https://unpkg.com/@mycoverai/mca-vue-legacy-sdk/dist/umd.js"></script>

Usage

With NPM

//import package globally on your main.js or index.js
import mca from "@mycoverai/mca-vue-legacy-sdk";
Vue.use(mca);
new Vue({
render: h => h(App),
}).$mount('#app')
//or just import & use localy on your component
<template>
<mca :on-close="handleClose" callback="handleSuccess" client-id="[email protected]" :product-id="['a72c4e3c-e868-4782-bb35-df6e3344ae6c']" :form="{first_name: 'Fred',last_name: 'Ebho'}" />
</template>
import mca from '@mycoverai/mca-vue-legacy-sdk';
export default {
name: 'App',
components: {
mca
},
methods: {
function handleClose() {
//do something
}
function handleSuccess() {
//do something
}
}
}
//import in your template & setup your business configuration by supplying your client id. If product_id is not provided or is an empty array, the SDK will display a list of insurance products for the customer to choose from. You can supply an array of strings, where each string represents an insurance product id, for the user to select from.
<mca client-id="[email protected]" :product-id="['a72c4e3c-e868-4782-bb35-df6e3344ae6c']" on-close="onClose" ></mca>