Installation - Vue Email

Quick Start

Install vue-email dependency to your project:

pnpm

pnpm i vue-email

Load in your vue project:

import { createApp } from 'vue'
import { VueEmailPlugin } from 'vue-email'

app.use(VueEmailPlugin)

app.mount('#app')

That's it! You can now use all the components and composables in your app ✨

Options

Key	Description
`baseUrl`	The base URL of your site, used for images.
`i18n`	The i18n configuration for the plugin.

Configure options in your index.ts as such:

import { createApp } from 'vue'
import { VueEmailPlugin } from 'vue-email'

app.use(VueEmailPlugin, {
  baseUrl: 'https://example.com',
  i18n: {
      defaultLocale: 'en',
      translations: {
        en: {
          greetings: 'Welcome {user}',
        },
        es: {
          greetings: 'Bienvenido {user}',
        }
      }
    }
})

app.mount('#app')

Introduction

Build and send emails using Vue.

Nuxt Devtools

Inspect your email templates and send test emails from your app directly.