diff --git a/.env.example b/.env.example index 8f0079ca..7e60b075 100644 --- a/.env.example +++ b/.env.example @@ -1,5 +1,2 @@ -# Production license for @nuxt/ui-pro, get one at https://ui.nuxt.com/pro/purchase -NUXT_UI_PRO_LICENSE= - # Public URL, used for OG Image when running nuxt generate NUXT_PUBLIC_SITE_URL= diff --git a/README.md b/README.md index 1ea56a62..54e92904 100644 --- a/README.md +++ b/README.md @@ -1,25 +1,24 @@ # Nuxt Docs Template -[![Nuxt UI Pro](https://img.shields.io/badge/Made%20with-Nuxt%20UI%20Pro-00DC82?logo=nuxt&labelColor=020420)](https://ui.nuxt.com/pro) -[![Deploy to NuxtHub](https://img.shields.io/badge/Deploy%20to-NuxtHub-00DC82?logo=nuxt&labelColor=020420)](https://hub.nuxt.com/new?repo=nuxt-ui-pro/docs) +[![Nuxt UI](https://img.shields.io/badge/Made%20with-Nuxt%20UI-00DC82?logo=nuxt&labelColor=020420)](https://ui.nuxt.com) -This template lets you build a documentation with [Nuxt UI Pro](https://ui.nuxt.com/pro) quickly. +Use this template to build your own documentation with [Nuxt UI](https://ui.nuxt.com) quickly. - [Live demo](https://docs-template.nuxt.dev/) -- [Documentation](https://ui.nuxt.com/getting-started/installation/pro/nuxt) +- [Documentation](https://ui4.nuxt.com/docs/getting-started/installation) - - - Nuxt Docs Template + + + Nuxt Docs Template ## Quick Start ```bash [Terminal] -npx nuxi init -t github:nuxt-ui-pro/docs +npx nuxi init -t github:nuxt-ui-templates/docs ``` ## Setup @@ -54,28 +53,6 @@ pnpm preview Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information. -## Nuxt Studio integration - -Studio is an intuitive CMS interface to edit your Nuxt Content websites. - -It take advantage of the Preview API included in Nuxt Content to propose the best editing experience for your content files. Editors can benefit from a user-friendly interface to edit their Markdown, YAML or JSON files. - -You can import your project on the platform without any extra setup. - -However to enable the live preview on the platform, you just need to activate studio in the content configuration of your `nuxt.config.ts` file. - -```ts [nuxt.config.ts] -export default defineNuxtConfig({ - content: { - preview: { - api: 'https://api.nuxt.studio' - } - } -}) -``` - -Read more on [Nuxt Studio docs](https://content.nuxt.com/studio/setup). - ## Renovate integration Install [Renovate GitHub app](https://github.com/apps/renovate/installations/select_target) on your repository and you are good to go. diff --git a/app/app.config.ts b/app/app.config.ts index 657e3c8b..f1325fda 100644 --- a/app/app.config.ts +++ b/app/app.config.ts @@ -3,9 +3,7 @@ export default defineAppConfig({ colors: { primary: 'green', neutral: 'slate' - } - }, - uiPro: { + }, footer: { slots: { root: 'border-t border-default', @@ -28,13 +26,13 @@ export default defineAppConfig({ colorMode: true, links: [{ 'icon': 'i-simple-icons-github', - 'to': 'https://github.com/nuxt-ui-pro/docs', + 'to': 'https://github.com/nuxt-ui-templates/docs', 'target': '_blank', 'aria-label': 'GitHub' }] }, footer: { - credits: `Copyright © ${new Date().getFullYear()}`, + credits: `Built with Nuxt UI • © ${new Date().getFullYear()}`, colorMode: false, links: [{ 'icon': 'i-simple-icons-nuxtdotjs', @@ -43,12 +41,12 @@ export default defineAppConfig({ 'aria-label': 'Nuxt Website' }, { 'icon': 'i-simple-icons-discord', - 'to': 'https://discord.com/invite/ps2h6QT', + 'to': 'https://go.nuxt.com/discord', 'target': '_blank', 'aria-label': 'Nuxt UI on Discord' }, { 'icon': 'i-simple-icons-x', - 'to': 'https://x.com/nuxt_js', + 'to': 'https://go.nuxt.com/x', 'target': '_blank', 'aria-label': 'Nuxt on X' }, { @@ -62,7 +60,7 @@ export default defineAppConfig({ title: 'Table of Contents', bottom: { title: 'Community', - edit: 'https://github.com/nuxt-ui-pro/docs/edit/main/content', + edit: 'https://github.com/nuxt-ui-templates/docs/edit/main/content', links: [{ icon: 'i-lucide-star', label: 'Star on GitHub', @@ -70,13 +68,8 @@ export default defineAppConfig({ target: '_blank' }, { icon: 'i-lucide-book-open', - label: 'Nuxt UI Pro docs', - to: 'https://ui.nuxt.com/getting-started/installation/pro/nuxt', - target: '_blank' - }, { - icon: 'i-simple-icons-nuxtdotjs', - label: 'Purchase a license', - to: 'https://ui.nuxt.com/pro/purchase', + label: 'Nuxt UI docs', + to: 'https://ui4.nuxt.com/docs/getting-started/installation/nuxt', target: '_blank' }] } diff --git a/app/assets/css/main.css b/app/assets/css/main.css index aa86081a..09f710e5 100644 --- a/app/assets/css/main.css +++ b/app/assets/css/main.css @@ -1,9 +1,10 @@ @import "tailwindcss"; -@import "@nuxt/ui-pro"; +@import "@nuxt/ui"; @source "../../../content/**/*"; @theme static { + --container-8xl: 90rem; --font-sans: 'Public Sans', sans-serif; --color-green-50: #EFFDF5; @@ -18,3 +19,7 @@ --color-green-900: #0A5331; --color-green-950: #052E16; } + +:root { + --ui-container: var(--container-8xl); +} diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue index 68dcb2b5..3a95da96 100644 --- a/app/components/AppHeader.vue +++ b/app/components/AppHeader.vue @@ -39,7 +39,7 @@ const { header } = useAppConfig() #left > - + diff --git a/app/components/LogoPro.vue b/app/components/AppLogo.vue similarity index 66% rename from app/components/LogoPro.vue rename to app/components/AppLogo.vue index 005494bb..521061f3 100644 --- a/app/components/LogoPro.vue +++ b/app/components/AppLogo.vue @@ -1,8 +1,8 @@