mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 12:14:41 +01:00
4446531d04
* chore: add local module for better dx developing nuxt/ui * up * up * up * feat(Kbd): new * chore(Badge): update * chore(Collapsible): remove content prop * chore(Container): clean * chore(Avatar): update root bg * chore(Link): clean * feat(Tooltip): handle shortcuts * playground(collapsible): update --------- Co-authored-by: Benjamin Canac <canacb1@gmail.com>
25 lines
732 B
Vue
25 lines
732 B
Vue
<script setup lang="ts">
|
|
useHead({
|
|
bodyAttrs: {
|
|
class: 'antialiased font-sans text-gray-900 dark:text-white bg-white dark:bg-gray-900'
|
|
}
|
|
})
|
|
|
|
const components = ['avatar', 'badge', 'button', 'collapsible', 'kbd', 'tooltip']
|
|
</script>
|
|
|
|
<template>
|
|
<UProvider>
|
|
<UContainer class="min-h-screen flex flex-col gap-4 items-center justify-center overflow-y-auto">
|
|
<div class="flex gap-1.5 py-4">
|
|
<ULink v-for="component in components" :key="component" :to="`/${component}`" active-class="text-primary capitalize text-sm">
|
|
{{ component }}
|
|
</ULink>
|
|
</div>
|
|
|
|
<div class="flex-1 flex flex-col justify-center">
|
|
<NuxtPage />
|
|
</div>
|
|
</UContainer>
|
|
</UProvider>
|
|
</template> |