flowko-vue-test

flowko-vue-test

Simple way to build email templates in vue.

• ✨  Release Notes
• 📖  Read the documentation
• 💚  Nuxt Module

Features

• 🧩 Build email templates with Vue components
• 📨 Integrates with many email providers
• 🧪 Tested against popular email clients
• 🎨 Supports Tailwind CSS
• 📦 Supports Nuxt.js

Setup

📖 Read the documentation

# pnpm
pnpm add -D flowko-vue-test

# npm
npm i -D flowko-vue-test

Basic Usage

📖 Read the documentation

// components/template-email.vue
<template>
  <e-html lang="en">
    <e-text>Hello, {{ user }}!</e-text>
    <e-hr />
    <e-button href="vuejs.org">Visit vue</e-button>
  </e-html>
</template>

<script setup>
  import { EButton, EHr, EHtml, EText } from "flowko-vue-test";
  import { ref } from "vue";

  const user = ref("Dave");
</script>

You can see the full example here

💻 Development

1. Clone this repository
2. Enable Corepack using corepack enable
3. Install dependencies using pnpm install

Contributors

Repo Activity

📝 Annotations

This project is originally written in react (react-email) by:

• Bu Kinoshita (@bukinoshita)
• Zeno Rocha (@zenorocha)

License

This project is licensed under MIT