mirror of
https://github.com/NotXia/notxia.github.io.git
synced 2025-12-15 19:22:21 +01:00
Migration to Nuxt3
This commit is contained in:
31
pages/contacts.vue
Normal file
31
pages/contacts.vue
Normal file
@ -0,0 +1,31 @@
|
||||
<template>
|
||||
<div class="relative z-10">
|
||||
<Navbar />
|
||||
</div>
|
||||
|
||||
<ScreenCenter>
|
||||
<main>
|
||||
<!-- <h1 class="text-3xl md:text-5xl font-bold text-center mb-5">{{ t("contacts") }}</h1> -->
|
||||
|
||||
<div class="md:flex justify-center">
|
||||
<div>
|
||||
<ContactLink label="tcxia2001@gmail.com" url="mailto:tcxia2001@gmail.com" :icon="mail_icon" alt="E-mail" />
|
||||
<ContactLink label="t.me/notxia" url="https://t.me/notxia" :icon="telegram_icon" alt="Telegram" />
|
||||
<ContactLink label="Panda#9784" url="https://discordapp.com/users/272354672969515009" :icon="discord_icon" alt="Discord" />
|
||||
<ContactLink label="linkedin.com/in/tian-cheng-xia" url="https://www.linkedin.com/in/tian-cheng-xia/" :icon="linkedin_icon" alt="LinkedIn" />
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</ScreenCenter>
|
||||
</template>
|
||||
|
||||
|
||||
<script setup lang="ts">
|
||||
import mail_icon from "@/assets/images/icons/mail.svg";
|
||||
import telegram_icon from "@/assets/images/icons/telegram.svg";
|
||||
import linkedin_icon from "@/assets/images/icons/linkedin.svg";
|
||||
import discord_icon from "@/assets/images/icons/discord.svg";
|
||||
|
||||
const { t } = useI18n();
|
||||
useHead({ title: t("title_contacts") });
|
||||
</script>
|
||||
Reference in New Issue
Block a user