Files
AstralRinth/apps/frontend/src/emails/templates/project/ProjectStatusApproved.vue
T
Calum H. 8149618187 feat: introduce vue-email for templating with tailwind (#4358)
* feat: start on vue-email set up

* feat: email rendering and base template

* refactor: body slot only

* feat: templates

* fix: lint

* fix: build process

* fix: default import issue

* feat: continue making emails

* feat: update address

* feat: new templates

* feat: email temp page viewer

* fix: lint

* fix: reset password heading

* fix: lint

* fix: qa issues
2025-09-16 15:57:34 +00:00

57 lines
1.7 KiB
Vue

<script setup lang="ts">
import { Button, Heading, Img, Link as VLink, Section, Text } from '@vue-email/components'
import StyledEmail from '@/emails/shared/StyledEmail.vue'
</script>
<template>
<StyledEmail
title="Your project, {project.name}, has been approved 🎉"
:manual-links="[
{ link: 'https://modrinth.com/project/{project.id}', label: 'Project page' },
{ link: 'https://modrinth.com/legal/rules', label: 'Community Guidelines' },
{ link: 'https://support.modrinth.com', label: 'Support Portal' },
]"
>
<Section class="mb-4 mt-2">
<Img
src="{project.icon_url}"
alt="project icon"
width="64"
height="64"
class="block h-auto rounded-lg"
/>
</Section>
<Heading as="h1" class="mb-2 text-2xl font-bold"
>Your project, {project.name}, has been approved 🎉</Heading
>
<Text class="text-base">Congratulations {user.name},</Text>
<Text class="text-base">
Your project
<VLink href="https://modrinth.com/project/{project.id}" class="text-green underline"
>{project.name}</VLink
>
has been <b>approved</b> by the moderation team!
</Text>
<Button
href="https://modrinth.com/project/{project.id}"
target="_blank"
class="text-accentContrast inline-block rounded-[12px] bg-brand pb-3 pl-4 pr-4 pt-3 text-[14px] font-bold"
>
View project
</Button>
<Text class="text-base">
If you have questions or believe something isn't correct, you can reply to this email or reach
out via the
<VLink href="https://support.modrinth.com" class="text-green underline">Support Portal</VLink
>.
</Text>
<Text class="text-base">Thank you for sharing your work with the Modrinth community!</Text>
</StyledEmail>
</template>