mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 20:19:34 +01:00
28 lines
675 B
Vue
28 lines
675 B
Vue
<script setup lang="ts">
|
|
const route = useRoute()
|
|
|
|
const links = [{
|
|
label: 'Profile',
|
|
avatar: {
|
|
src: 'https://avatars.githubusercontent.com/u/739984?v=4'
|
|
},
|
|
badge: 100
|
|
}, {
|
|
label: 'Installation',
|
|
icon: 'i-heroicons-home',
|
|
to: '/getting-started/installation'
|
|
}, {
|
|
label: 'Horizontal Navigation',
|
|
icon: 'i-heroicons-chart-bar',
|
|
to: `${route.path.startsWith('/dev') ? '/dev' : ''}/components/horizontal-navigation`
|
|
}, {
|
|
label: 'Command Palette',
|
|
icon: 'i-heroicons-command-line',
|
|
to: '/components/command-palette'
|
|
}]
|
|
</script>
|
|
|
|
<template>
|
|
<UHorizontalNavigation :links="links" class="border-b border-gray-200 dark:border-gray-800" />
|
|
</template>
|