docs(home): improve links

This commit is contained in:
Benjamin Canac
2025-03-17 12:36:34 +01:00
parent c3567a34a4
commit 54fda9eef8
2 changed files with 8 additions and 7 deletions

View File

@@ -3,7 +3,7 @@ title: '<span class="text-primary">Nuxt UI</span> Releases'
head.title: Releases head.title: Releases
description: Follow the latest releases and updates happening on the nuxt/ui repository. description: Follow the latest releases and updates happening on the nuxt/ui repository.
links: links:
- label: Get Started - label: Get started
trailingIcon: i-heroicons-arrow-right-20-solid trailingIcon: i-heroicons-arrow-right-20-solid
to: /getting-started to: /getting-started
size: md size: md

View File

@@ -23,9 +23,10 @@
</template> </template>
<template #links> <template #links>
<UButton label="Get Started" trailing-icon="i-heroicons-arrow-right-20-solid" size="lg" to="/getting-started/installation" /> <UButton label="Get started" size="lg" to="/getting-started/installation" />
<UButton label="Explore components" trailing-icon="i-heroicons-arrow-right-20-solid" color="gray" size="lg" to="/components/button" />
<UInput <!-- <UInput
v-model="source" v-model="source"
color="gray" color="gray"
readonly readonly
@@ -47,7 +48,7 @@
@click="copy(source)" @click="copy(source)"
/> />
</template> </template>
</UInput> </UInput> -->
</template> </template>
<ClientOnly> <ClientOnly>
@@ -325,7 +326,7 @@
</template> </template>
<template #links> <template #links>
<UButton label="Get Started" icon="i-heroicons-rocket-launch" size="md" /> <UButton label="Get started" icon="i-heroicons-rocket-launch" size="md" />
<UInput <UInput
model-value="npm i @nuxt/ui" model-value="npm i @nuxt/ui"
@@ -439,7 +440,7 @@ useSeoMeta({
twitterImage: 'https://ui2.nuxt.com/social-card.png' twitterImage: 'https://ui2.nuxt.com/social-card.png'
}) })
const source = ref('npx nuxi@latest module add ui') // const source = ref('npx nuxi@latest module add ui')
const sectionRef = ref() const sectionRef = ref()
const demoRef = ref(null) const demoRef = ref(null)
const start = ref(0) const start = ref(0)
@@ -449,7 +450,7 @@ const { height } = useElementSize(demoRef)
const { top } = useElementBounding(sectionRef) const { top } = useElementBounding(sectionRef)
const { y } = useWindowScroll() const { y } = useWindowScroll()
const config = useRuntimeConfig().public const config = useRuntimeConfig().public
const { copy, copied } = useClipboard({ source }) // const { copy, copied } = useClipboard({ source })
const breakpoints = useBreakpoints(breakpointsTailwind) const breakpoints = useBreakpoints(breakpointsTailwind)
const lgAndLarger = breakpoints.greaterOrEqual('lg') const lgAndLarger = breakpoints.greaterOrEqual('lg')