mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 20:19:34 +01:00
43 lines
1.1 KiB
Vue
43 lines
1.1 KiB
Vue
<script setup>
|
|
const links = [{
|
|
avatar: {
|
|
src: 'https://ipx.nuxt.com/s_16x16/gh_avatar/benjamincanac',
|
|
srcset: 'https://ipx.nuxt.com/s_32x32/gh_avatar/benjamincanac 2x'
|
|
},
|
|
label: 'benjamincanac',
|
|
to: 'https://github.com/benjamincanac',
|
|
target: '_blank'
|
|
}, {
|
|
avatar: {
|
|
src: 'https://ipx.nuxt.com/s_16x16/gh_avatar/Atinux',
|
|
srcset: 'https://ipx.nuxt.com/s_32x32/gh_avatar/Atinux 2x'
|
|
},
|
|
label: 'Atinux',
|
|
to: 'https://github.com/Atinux',
|
|
target: '_blank'
|
|
}, {
|
|
avatar: {
|
|
src: 'https://ipx.nuxt.com/s_16x16/gh_avatar/smarroufin',
|
|
srcset: 'https://ipx.nuxt.com/s_32x32/gh_avatar/smarroufin 2x'
|
|
},
|
|
label: 'smarroufin',
|
|
to: 'https://github.com/smarroufin',
|
|
target: '_blank'
|
|
}]
|
|
|
|
const { ui } = useAppConfig()
|
|
</script>
|
|
|
|
<template>
|
|
<UVerticalNavigation :links="links">
|
|
<template #avatar="{ link }">
|
|
<UAvatar
|
|
v-if="link.avatar"
|
|
v-bind="{ size: ui.verticalNavigation.avatar.size, ...link.avatar }"
|
|
:class="[ui.verticalNavigation.avatar.base]"
|
|
/>
|
|
<UIcon v-else name="i-heroicons-user-circle-20-solid" class="text-lg" />
|
|
</template>
|
|
</UVerticalNavigation>
|
|
</template>
|