Vue 3 SDK

npm install wazobiamail-vue wazobiamail

// main.ts
import { createApp } from 'vue';
import { createWazobiaMail } from 'wazobiamail-vue';
import App from './App.vue';

createApp(App)
  .use(createWazobiaMail({ apiKey: import.meta.env.VITE_WAZOBIA_API_KEY }))
  .mount('#app');

<script setup lang="ts">
import { useSendMail } from 'wazobiamail-vue';

const { send, isLoading, isSuccess, error } = useSendMail();

async function submit() {
  await send({
    from: 'Acme <hello@mail.example.com>',
    to: 'customer@example.com',
    subject: 'Your order shipped',
    html: '<p>Your order is on its way.</p>',
  }, { idempotencyKey: 'order-1042-shipped' });
}
</script>

<template>
  <button :disabled="isLoading" @click="submit">
    {{ isLoading ? 'Sending…' : 'Send' }}
  </button>
  <p v-if="isSuccess">Queued.</p>
  <p v-else-if="error">{{ error.message }}</p>
</template>

const { messages, refresh, nextPage, prevPage, startPolling } = useMailbox('mbx_123', {
  unreadOnly: true,
  pollInterval: 15_000,
});

const { domains, list, create, verify, getDnsRecords } = useDomains();

import { WazobiaError } from 'wazobiamail';

try {
  await send(payload);
} catch (error) {
  if (error instanceof WazobiaError) console.error(error.message);
}