arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-02-01 20:57:57 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs: improve seo

Browse Source
This commit is contained in:
Benjamin Canac
2023-05-16 15:20:58 +02:00
parent 5e3357b696
commit c090a9e9cd
3 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/app.vue
View File

@@ -38,7 +38,7 @@ const color = computed(() => colorMode.value === 'dark' ? '#18181b' : 'white')
// Head // Head
useHead({ useHead({
titleTemplate: title => title && title !== 'nuxthq/ui' ? `${title} - nuxthq/ui` : 'nuxthq/ui', titleTemplate: title => title && title.includes('NuxtLabs UI') ? title : `${title} - NuxtLabs UI`,
meta: [ meta: [
{ name: 'viewport', content: 'width=device-width, initial-scale=1, maximum-scale=1' }, { name: 'viewport', content: 'width=device-width, initial-scale=1, maximum-scale=1' },
{ key: 'theme-color', name: 'theme-color', content: color } { key: 'theme-color', name: 'theme-color', content: color }

4
docs/components/Header.vue
View File

@@ -3,10 +3,10 @@
<UContainer> <UContainer>
<div class="flex items-center justify-between h-16"> <div class="flex items-center justify-between h-16">
<div class="flex items-center gap-3"> <div class="flex items-center gap-3">
<NuxtLink to="/" class="flex items-end gap-2 font-bold text-xl text-gray-900 dark:text-white"> <NuxtLink to="/" 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" /> <Logo class="w-8 h-8 text-primary-500 dark:text-primary-400" />
nuxthq/ui NuxtLabs<span class="text-primary-500 dark:text-primary-400">UI</span>
</NuxtLink> </NuxtLink>
</div> </div>

7
docs/content/1.getting-started/1.index.md
View File

@@ -1,6 +1,9 @@
--- ---
title: Introduction title: Introduction
description: 'Fully styled and customizable UI components as a Nuxt module.' description: 'Fully styled and customizable components for Nuxt.'
head:
title: 'NuxtLabs 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 HeadlessUI and TailwindCSS, published under MIT License.'
--- ---
This module has been developed by the [NuxtLabs](https://nuxtlabs.com/) team for [Volta](https://volta.net) and [Nuxt Studio](https://nuxt.studio/), its goal is to provide everything related to UI when building a Nuxt app. This includes components, icons, colors, dark mode but also keyboard shortcuts. This module has been developed by the [NuxtLabs](https://nuxtlabs.com/) team for [Volta](https://volta.net) and [Nuxt Studio](https://nuxt.studio/), its goal is to provide everything related to UI when building a Nuxt app. This includes components, icons, colors, dark mode but also keyboard shortcuts.
@@ -11,7 +14,7 @@ This module has been developed by the [NuxtLabs](https://nuxtlabs.com/) team for
## Features ## Features
- Fully styled and customizable components - Built with [HeadlessUI](https://headlessui.dev/) and [TailwindCSS](https://tailwindcss.com/)
- HMR support through Nuxt App Config - HMR support through Nuxt App Config
- Dark mode support - Dark mode support
- Keyboard shortcuts - Keyboard shortcuts