mirror of
https://github.com/nuxt/ui.git
synced 2026-09-14 19:51:10 +08:00
Benjamin Canac
33 lines
805 B
Vue
33 lines
805 B
Vue
<script setup lang="ts">
|
|
const cards = ref([
|
|
{
|
|
title: 'Icons',
|
|
description: 'Nuxt UI integrates with Nuxt Icon to access over 200,000+ icons from Iconify.',
|
|
icon: 'i-lucide-smile',
|
|
to: '/docs/getting-started/icons'
|
|
},
|
|
{
|
|
title: 'Fonts',
|
|
description: 'Nuxt UI integrates with Nuxt Fonts to provide plug-and-play font optimization.',
|
|
icon: 'i-lucide-a-large-small',
|
|
to: '/docs/getting-started/fonts'
|
|
},
|
|
{
|
|
title: 'Color Mode',
|
|
description: 'Nuxt UI integrates with Nuxt Color Mode to switch between light and dark.',
|
|
icon: 'i-lucide-sun-moon',
|
|
to: '/docs/getting-started/color-mode'
|
|
}
|
|
])
|
|
</script>
|
|
|
|
<template>
|
|
<UPageGrid>
|
|
<UPageCard
|
|
v-for="(card, index) in cards"
|
|
:key="index"
|
|
v-bind="card"
|
|
/>
|
|
</UPageGrid>
|
|
</template>
|