Begin work on sending emails

packages/frontend/emails/welcome.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import { ETailwind, EButton } from "vue-email";
+import tailwindConfig from "~/tailwind.config";
+
+defineProps<{
+    name: string;
+}>();
+</script>
+
+<template>
+    <ETailwind :config="tailwindConfig">
+        <EButton href="https://example.com" class="bg-primary px-3 py-2 font-medium leading-4 text-white">
+            Click me
+        </EButton>
+    </ETailwind>
+</template>

packages/frontend/nuxt.config.ts

@@ -4,7 +4,12 @@ import pkg from "../../package.json";
 
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-    modules: ["@nuxtjs/seo", "@nuxtjs/tailwindcss", "@vueuse/nuxt"],
+    modules: [
+        "@nuxtjs/seo",
+        "@nuxtjs/tailwindcss",
+        "@vueuse/nuxt",
+        "@vue-email/nuxt",
+    ],
     app: {
         head: {
             link: [

packages/frontend/package.json

@@ -16,6 +16,7 @@
     "vue-router": "^4.3.0"
   },
   "devDependencies": {
-    "@tailwindcss/forms": "^0.5.7"
+    "@tailwindcss/forms": "^0.5.7",
+    "@vue-email/nuxt": "^0.8.19"
   }
 }

packages/frontend/tsconfig.json

@@ -1,7 +1,8 @@
 {
-  // https://nuxt.com/docs/guide/concepts/typescript
-  "extends": "./.nuxt/tsconfig.json",
-  "compilerOptions": {
-    "target": "ESNext"
-  }
+    // https://nuxt.com/docs/guide/concepts/typescript
+    "extends": "./.nuxt/tsconfig.json",
+    "compilerOptions": {
+        "target": "esnext",
+        "module": "esnext"
+    }
 }

tsconfig.json

@@ -33,10 +33,8 @@
     "include": [
         "*.ts",
         "*.d.ts",
-        "*.vue",
         "**/*.ts",
         "**/*.d.ts",
-        "**/*.vue",
         "server/api/well-known/**/*.ts"
     ]
 }