docs: rebrand to Nuxt UI

This commit is contained in:
Benjamin Canac
2023-08-11 17:24:18 +02:00
parent 28ebfc2575
commit fa1103b4ec
9 changed files with 27 additions and 31 deletions

View File

@@ -53,7 +53,7 @@ You can also pass any prop from the [Button](/elements/button) component directl
---
baseProps:
items:
- label: '1. What is NuxtLabs UI?'
- label: '1. What is Nuxt UI?'
content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit'
- label: '2. Getting Started'
content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit'
@@ -92,7 +92,7 @@ You can also set them to `null` to hide the icons.
---
baseProps:
items:
- label: '1. What is NuxtLabs UI?'
- label: '1. What is Nuxt UI?'
content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit'
- label: '2. Getting Started'
content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit'
@@ -117,7 +117,7 @@ Use the `multiple` prop to to allow multiple elements to be opened at the same t
---
baseProps:
items:
- label: 'What is NuxtLabs UI?'
- label: 'What is Nuxt UI?'
content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit'
- label: 'Getting Started'
content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit'
@@ -140,7 +140,7 @@ Use the `default-open` prop to open all items by default. Works better when the
---
baseProps:
items:
- label: 'What is NuxtLabs UI?'
- label: 'What is Nuxt UI?'
content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit'
- label: 'Getting Started'
content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit'
@@ -239,14 +239,10 @@ const items = [{
</template>
<template #getting-started>
<div class="flex flex-col justify-center items-center gap-1">
<NuxtLink to="/getting-started" class="flex items-end gap-1.5 font-bold text-xl text-gray-900 dark:text-white">
<Logo class="w-8 h-8 text-primary-500 dark:text-primary-400" />
<div class="text-gray-900 dark:text-white text-center">
<Logo class="w-auto h-8 mx-auto" />
<span class="hidden sm:block">NuxtLabs</span><span class="sm:text-primary-500 dark:sm:text-primary-400">UI</span>
</NuxtLink>
<p class="text-sm text-gray-500 dark:text-gray-400">
<p class="text-sm text-gray-500 dark:text-gray-400 mt-2">
Fully styled and customizable components for Nuxt.
</p>
</div>
@@ -266,7 +262,7 @@ const items = [{
</div>
<div class="flex flex-col items-center">
<code>$ npm install @nuxtlabs/ui</code>
<code>$ npm install @nuxthq/ui</code>
<code>$ nnpm install -D @nuxthq/ui</code>
<code>$ pnpm i -D @nuxthq/ui</code>
</div>