Files
ui/playground/app.vue
2024-03-08 12:44:43 +01:00

23 lines
614 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 = ['button', 'collapsible', 'tooltip']
</script>
<template>
<UProvider>
<UContainer class="min-h-screen flex flex-col gap-4 items-center justify-center">
<div class="flex gap-1.5">
<ULink v-for="component in components" :key="component" :to="`/${component}`" active-class="text-primary capitalize text-sm">
{{ component }}
</ULink>
</div>
<NuxtPage />
</UContainer>
</UProvider>
</template>