Files
AstralRinth/apps/frontend/src/emails/templates/project/ProjectTransferred.vue
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

61 lines
1.8 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="Project ownership transferred"
:manual-links="[
{ link: 'https://modrinth.com/project/{project.id}', label: 'Project page' },
{ link: 'https://modrinth.com/dashboard/notifications', label: 'Notification dashboard' },
{ 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">Project ownership transferred</Heading>
<Text class="text-base">Hi {user.name},</Text>
<Text class="text-base">
The ownership of
<b>
<VLink href="https://modrinth.com/project/{project.id}" class="text-green underline">
{project.name}
</VLink>
</b>
has been successfully transferred to the Modrinth {new_owner.type_capitalized}
<b
><VLink
href="https://modrinth.com/{new_owner.type}/{new_owner.name}"
class="text-green underline"
>{new_owner.name}</VLink
></b
>.
</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 did not initiate this transfer, please contact support immediately through the
<VLink href="https://support.modrinth.com" class="text-green underline">Support Portal</VLink>
or by replying to this email.
</Text>
</StyledEmail>
</template>