mirror of
https://github.com/ArthurDanjou/artchat.git
synced 2026-01-14 15:54:03 +01:00
34 lines
952 B
Vue
34 lines
952 B
Vue
<script lang="ts" setup>
|
|
const { data: skills } = await useAsyncData('skills', async () => await queryCollection('skills').first())
|
|
|
|
const { t, locale } = useI18n()
|
|
</script>
|
|
|
|
<template>
|
|
<section>
|
|
<div class="prose dark:prose-invert">
|
|
<p>{{ t('skills.main') }}</p>
|
|
</div>
|
|
<div v-if="skills" class="space-y-12 m-1 my-4">
|
|
<div v-for="item in skills.body" :key="item.id" class="space-y-8">
|
|
<USeparator
|
|
:label="locale === 'en' ? item.name.en : locale === 'es' ? item.name.es : item.name.fr"
|
|
size="xs"
|
|
type="dashed"
|
|
/>
|
|
<div class="flex gap-3 flex-wrap">
|
|
<UButton
|
|
v-for="skill in item.items"
|
|
:key="skill.name.trim()"
|
|
:label="skill.name"
|
|
variant="subtle"
|
|
color="neutral"
|
|
class="shadow-md"
|
|
:icon="skill.icon"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|