Send email using eusend

1. Install dependencies

Get the @vuemaildev/vuemail package and the eusend Node.js SDK.

npm install @eusend_dev/sdk @vuemaildev/vuemail

yarn add @eusend_dev/sdk @vuemaildev/vuemail

pnpm add @eusend_dev/sdk @vuemaildev/vuemail

bun add @eusend_dev/sdk @vuemaildev/vuemail

2. Create an email using Vue

Start by building your email template in a .vue file.

email.vue

<script setup lang="ts">
import { Button, Html } from '@vuemaildev/vuemail';

const { url } = defineProps<{ url: string }>();
</script>

<template>
  <Html lang="en">
    <Button :href="url">Click me</Button>
  </Html>
</template>

3. Convert to HTML and send email

When integrating with other services, you need to convert your Vue template into HTML before sending, which is what render does.

Import the email template you just built, convert it into an HTML string, and use the eusend SDK to send it.

import { Eusend } from "@eusend_dev/sdk";
import { render } from '@vuemaildev/vuemail';
import Email from './email.vue';

const eusend = new Eusend(process.env.EUSEND_API_KEY);

await eusend.emails.send({
  from: "you@example.com",
  to: "user@gmail.com",
  subject: "hello world",
  html: await render(Email, { url: 'https://example.com' }),
});

Try it yourself

eusend example

See the full source code.

Overview

Getting Started

Guides

Components

Utilities

Integrations

Contributing

Send email using eusend

1. Install dependencies

2. Create an email using Vue

3. Convert to HTML and send email

Try it yourself

eusend example

​1. Install dependencies

​2. Create an email using Vue

​3. Convert to HTML and send email

​Try it yourself

eusend example

1. Install dependencies

2. Create an email using Vue

3. Convert to HTML and send email

Try it yourself