Transactional email, native to Nuxt.

<script setup lang="ts">
import { defineEmail } from '@lupinum/nuxt-email/define-email'

const props = defineProps<{ firstName: string; activationUrl: string }>()
defineEmail({ subject: () => `Welcome, ${props.firstName}` })
</script>

<template>
  <ETailwind>
    <EHtml lang="en">
      <EHead><title>Activate your account</title></EHead>
      <EBody class="bg-slate-100 p-6">
        <EPreview>Your account is ready.</EPreview>
        <EContainer class="rounded-xl bg-white p-8">
          <EHeading>Welcome, {{ props.firstName }}</EHeading>
          <EButton :href="props.activationUrl" class="bg-blue-600 px-5 py-3 text-white">
            Activate account
          </EButton>
        </EContainer>
      </EBody>
    </EHtml>
  </ETailwind>
</template>