1.1.0 • Published 1 year ago
cloudsponge-vue v1.1.0
CloudSponge for Vue 3
Installation
CloudSponge Vue can be installed using the following methods:
yarn add cloudsponge-vue
or
npm i --save cloudsponge-vue
Props
- apiKey
- CloudSponge API Key
- https://www.cloudsponge.com/developer/getting-started/
- afterSubmit
- Callback function when contacts have been submitted
- config
- CloudSponge Configuration
- https://www.cloudsponge.com/developer/address-book-widget/options/
Usage
Install as component
import { createApp } from 'vue';
import { CloudspongeVue } from 'cloudsponge-vue';
const app = createApp({});
app.component('cloudsponge-vue', CloudspongeVue);
app.mount('#app');
Install as plugin
import { createApp } from 'vue';
import { CloudspongeVuePlugin } from 'cloudsponge-vue';
const app = createApp({});
CloudspongeVuePlugin.install(app);
app.mount('#app');
Usage
<template>
<div>
<CloudspongeVue apiKey="my-api-key" :afterSubmit="submittedContacts">
<template v-slot:loading>
<button>Loading...</button>
</template>
<template v-slot:body>
<button>Add friends from your contacts</button>
</template>
</CloudspongeVue>
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
name: 'MyComponent',
methods: {
submittedContacts(contacts) {
console.log('CloudSponge: submitted contacts');
const emails = contacts.map((c) => c.selectedEmail());
}
}
});
</script>
1.0.2
1 year ago
1.1.0
1 year ago
1.0.1
1 year ago
0.0.12
3 years ago
1.0.0
3 years ago
0.0.11
3 years ago
0.0.10
4 years ago
0.0.9
4 years ago
0.0.8
4 years ago
0.0.7
4 years ago
0.0.6
4 years ago
0.0.4
4 years ago
0.0.3-beta.6
4 years ago
0.0.3-beta.5
4 years ago
0.0.3-beta.3
4 years ago
0.0.3-beta.4
4 years ago
0.0.3-beta.2
4 years ago
0.0.3-beta.1
4 years ago
0.0.3
4 years ago
0.0.2-2
4 years ago
0.0.2-3
4 years ago
0.0.2-1
4 years ago
0.0.2
4 years ago
0.0.1
4 years ago