Add new skill and add link to skill

Signed-off-by: Arthur DANJOU <arthurdanjou@outlook.fr>
This commit is contained in:
2024-04-20 01:32:39 +02:00
parent 4574a7dccd
commit a29f6bc0f6
4 changed files with 58 additions and 25 deletions

View File

@@ -10,24 +10,25 @@ const isLight = computed(() => $colorMode.value === 'light')
</script>
<template>
<li
<a
v-if="skill"
class="flex items-center gap-2 rounded-md px-2 py-3 duration-300 md:hover:bg-gray-100 md:dark:hover:bg-neutral-800"
:href="skill.link"
class="cursor-pointer flex items-center gap-2 rounded-md px-2 py-3 duration-300 md:hover:bg-gray-100 md:dark:hover:bg-neutral-800"
>
<div class="flex items-center">
<UIcon
v-if="isLight"
:name="skill.icon.light ? skill.icon.light : skill.icon"
dynamic
:dynamic="true"
size="20"
/>
<UIcon
v-else
:name="skill.icon.dark ? skill.icon.dark : skill.icon"
dynamic
:dynamic="true"
size="20"
/>
</div>
<span class="text-sm text-subtitle">{{ skill.name }}</span>
</li>
</a>
</template>