mirror of
https://gitlab.com/PronounsPage/PronounsPage.git
synced 2025-09-24 05:05:20 -04:00
10180aa6a3
the #shared alias used by Nuxt cannot be easily disabled and to prevent breackage with jiti, we make use of it
28 lines
919 B
Vue
28 lines
919 B
Vue
<script setup lang="ts">
|
|
import { getSocialLinks } from '#shared/contact.ts';
|
|
import { groupBy } from '#shared/helpers.ts';
|
|
import useConfig from '~/composables/useConfig.ts';
|
|
|
|
const config = useConfig();
|
|
const socials = groupBy([...getSocialLinks(config)], (l) => l.group);
|
|
</script>
|
|
|
|
<template>
|
|
<section v-if="Object.keys(socials).length">
|
|
<h2 class="mb-3">
|
|
<Icon v="hashtag" />
|
|
<T>links.social</T>
|
|
</h2>
|
|
<ul class="list-unstyled">
|
|
<template v-for="(groupLinks, group) in socials">
|
|
<li v-if="$t(`contact.groups.${group}`)">
|
|
<p class="h5">
|
|
<T>contact.groups.{{ group }}</T><T>quotation.colon</T>
|
|
</p>
|
|
</li>
|
|
<LinkEntry v-for="link in groupLinks" :key="link.url" :link="link" />
|
|
</template>
|
|
</ul>
|
|
</section>
|
|
</template>
|