Vue 3

Our Vue.js SDK lets you seamlessly embed insurance in your Vue 3 project.

Installation

With NPM

npm install @mycoverai/mca-vue-sdk

From CDN

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

Usage

With NPM

//import package
import mca from  "@mycoverai/mca-vue-sdk";

const app = createApp(App);

app.use(mca)

//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 :on-close="handleClose" callback="handleSuccess" public-key="MCAPUBK_TEST|d24a7f02-99c8-497f-b1cc-d6d14d7963d5" :product-id="['a72c4e3c-e868-4782-bb35-df6e3344ae6c']" :form="{first_name: 'Fred',last_name: 'Ebho'}" />