diff --git a/.changeset/fix-welcome-email-props.md b/.changeset/fix-welcome-email-props.md new file mode 100644 index 00000000..3f5ffc5b --- /dev/null +++ b/.changeset/fix-welcome-email-props.md @@ -0,0 +1,9 @@ +--- +"app": patch +--- + +Fix the Vue warning `[Vue warn]: Missing required prop: "name"` when sending +the welcome email: the template declared a required `name` prop but the +`EmailService` passes `username` and `redirectUrl`. Aligned the props with +what the service actually sends, and wired `redirectUrl` into the call-to- +action button (it was hardcoded to `https://app.shelve.cloud` before). diff --git a/apps/shelve/server/emails/welcomeEmail.vue b/apps/shelve/server/emails/welcomeEmail.vue index 04a919b7..07f65573 100644 --- a/apps/shelve/server/emails/welcomeEmail.vue +++ b/apps/shelve/server/emails/welcomeEmail.vue @@ -17,7 +17,11 @@ import { } from '@vue-email/components' defineProps({ - name: { + username: { + type: String, + required: true + }, + redirectUrl: { type: String, required: true } @@ -40,7 +44,7 @@ defineProps({ /> - Welcome to Shelve, {{ name }} + Welcome to Shelve, {{ username }} @@ -68,7 +72,7 @@ defineProps({ class="text-sm m-0 mb-2 leading-relaxed" style="color: rgba(255, 255, 255, 0.6);" > - Hi {{ name }}, + Hi {{ username }},