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

@@ -2,7 +2,7 @@
title: Introduction
description: 'Fully styled and customizable components for Nuxt.'
head:
title: 'NuxtLabs UI: Fully styled and customizable components for Nuxt'
title: 'Nuxt UI: Fully styled and customizable components for Nuxt'
description: 'It provides everything related to UI when building your Nuxt app. This includes components, icons, colors, dark mode but also keyboard shortcuts. Built with Headless UI and Tailwind CSS, published under MIT License.'
---

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>