mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-26 18:00:43 +01:00
docs(home): improve links
This commit is contained in:
@@ -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
|
||||||
|
|||||||
@@ -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')
|
||||||
|
|||||||
Reference in New Issue
Block a user