diff --git a/.starters/default/README.md b/.starters/default/README.md index 6d32b5b1e..2c06ff968 100644 --- a/.starters/default/README.md +++ b/.starters/default/README.md @@ -48,7 +48,7 @@ This starter comes pre-configured with: - [Nuxt 4](https://nuxt.com) - The web framework - [Nuxt Content](https://content.nuxt.com/) - File-based CMS -- [Nuxt UI Pro](https://ui.nuxt.com/pro) - Premium UI components +- [Nuxt UI](https://ui.nuxt.com) - UI components - [Nuxt Image](https://image.nuxt.com/) - Optimized images - [Tailwind CSS 4](https://tailwindcss.com/) - Utility-first CSS - [Docus Layer](https://www.npmjs.com/package/docus) - Documentation theme diff --git a/.starters/default/content/1.getting-started/2.introduction.md b/.starters/default/content/1.getting-started/2.introduction.md index 322eddb9f..4fabae3a1 100644 --- a/.starters/default/content/1.getting-started/2.introduction.md +++ b/.starters/default/content/1.getting-started/2.introduction.md @@ -9,11 +9,11 @@ seo: effortlessly with Docus. --- -Welcome to **Docus**, a fully integrated documentation solution built with [Nuxt UI Pro](https://ui.nuxt.com/pro). +Welcome to **Docus**, a fully integrated documentation solution built with [Nuxt UI](https://ui.nuxt.com). ## What is Docus? -Docus is a theme based on the [UI Pro documentation template](https://docs-template.nuxt.dev/). While the visual style comes ready out of the box, your focus should be on writing content using the Markdown and [MDC syntax](https://content.nuxt.com/docs/files/markdown#mdc-syntax) provided by [Nuxt Content](https://content.nuxt.com). +Docus is a theme based on the [UI documentation template](https://docs-template.nuxt.dev/). While the visual style comes ready out of the box, your focus should be on writing content using the Markdown and [MDC syntax](https://content.nuxt.com/docs/files/markdown#mdc-syntax) provided by [Nuxt Content](https://content.nuxt.com). We use this theme across all our Nuxt module documentations, including: @@ -44,7 +44,7 @@ We use this theme across all our Nuxt module documentations, including: This theme includes a range of features designed to improve documentation management: - **Powered by** [**Nuxt 4**](https://nuxt.com): Utilizes the latest Nuxt framework for optimal performance. -- **Built with** [**Nuxt UI**](https://ui.nuxt.com) **and** [**Nuxt UI Pro**](https://ui.nuxt.com/pro): Integrates a comprehensive suite of UI components. +- **Built with** [**Nuxt UI**](https://ui.nuxt.com): Integrates a comprehensive suite of UI components. - [**MDC Syntax**](https://content.nuxt.com/usage/markdown) **via** [**Nuxt Content**](https://content.nuxt.com): Supports Markdown with component integration for dynamic content. - [**Nuxt Studio**](https://content.nuxt.com/docs/studio) **Compatible**: Write and edit your content visually. No Markdown knowledge is required! - **Auto-generated Sidebar Navigation**: Automatically generates navigation from content structure. diff --git a/.starters/default/content/1.getting-started/3.installation.md b/.starters/default/content/1.getting-started/3.installation.md index 5414f5f1d..49fcd4b02 100644 --- a/.starters/default/content/1.getting-started/3.installation.md +++ b/.starters/default/content/1.getting-started/3.installation.md @@ -44,7 +44,7 @@ Choose `Start from a template` and select **Docus.** Clone it on your GitHub per ### Deploy in one click -Once your project has been created and you're in the project dashboard, navigate to the `Deploy` section, choose the `GitHub Pages` tab and set your [Nuxt UI Pro license](https://ui.nuxt.com/pro/pricing) (`NUXT_UI_PRO_LICENSE` ) in the environment variables then click on the **Deploy** button. +Once your project has been created and you're in the project dashboard, navigate to the `Deploy` section, choose the `GitHub Pages` tab then click on the **Deploy** button. :::prose-note --- @@ -59,7 +59,3 @@ Once the deployment is achieved, you'll be able to display the preview of your d :video{controls loop poster="https://res.cloudinary.com/nuxt/video/upload/v1747230893/studio/wzt9zfmdvk7hgmdx3cnt.jpg" src="https://res.cloudinary.com/nuxt/video/upload/v1747230893/studio/wzt9zfmdvk7hgmdx3cnt.mp4"} :: - -::prose-tip{to="https://content.nuxt.com/docs/studio/debug"} -If you want to try Docus and Nuxt Studio in develoment mode without an UI Pro license, you can check the Nuxt Content documentation for local setup with Nuxt Studio. -:: diff --git a/.starters/default/content/1.getting-started/6.migration.md b/.starters/default/content/1.getting-started/6.migration.md index 76670cc27..fca97098f 100644 --- a/.starters/default/content/1.getting-started/6.migration.md +++ b/.starters/default/content/1.getting-started/6.migration.md @@ -8,9 +8,9 @@ navigation: ## **Migrating to Docus** -Already using a Markdown-based solution for your documentation? Whether it’s **Docus v1**, the **Nuxt UI Pro docs template**, or another static site setup, migrating to Docus is simple and straightforward. +Already using a Markdown-based solution for your documentation? Whether it’s **Docus v1**, the **Nuxt UI docs template**, or another static site setup, migrating to Docus is simple and straightforward. -Docus offers a clean and maintainable solution with a single dependency: the Docus library itself. There’s no need to manage multiple .dependencies With everything built-in and maintained together, keeping your documentation up to date is easier than ever. +Docus offers a clean and maintainable solution with a single dependency: the Docus library itself. There’s no need to manage multiple dependencies. With everything built-in and maintained together, keeping your documentation up to date is easier than ever. To migrate, just move your existing Markdown files into the `content/` directory of the Docus starter. diff --git a/.starters/default/content/2.essentials/1.markdown-syntax.md b/.starters/default/content/2.essentials/1.markdown-syntax.md index 1f5ce8016..09883ce42 100644 --- a/.starters/default/content/2.essentials/1.markdown-syntax.md +++ b/.starters/default/content/2.essentials/1.markdown-syntax.md @@ -68,11 +68,11 @@ To create a link, wrap the link text in brackets `[]()`. --- class: "[&>div]:*:my-0" --- -[Nuxt UI Pro](https://ui.nuxt.com/getting-started/installation/pro/nuxt) +[Nuxt UI](https://ui.nuxt.com/getting-started/installation/nuxt) #code ```mdc -[Nuxt UI Pro](https://ui.nuxt.com/getting-started/installation/pro/nuxt) +[Nuxt UI](https://ui.nuxt.com/getting-started/installation/nuxt) ``` :: @@ -194,11 +194,11 @@ Single-line blockquotes are best for short, impactful quotes or citations that f --- class: "[&>div]:*:my-0" --- -> Nuxt UI Pro is a collection of Vue components, composables and utils built on top of Nuxt UI, oriented on structure and layout and designed to be used as building blocks for your app. +> Nuxt UI is a collection of Vue components, composables and utils built on top of Reka UI, oriented on structure and layout and designed to be used as building blocks for your app. #code ```mdc -> Nuxt UI Pro is a collection of Vue components, composables and utils built on top of Nuxt UI, oriented on structure and layout and designed to be used as building blocks for your app. +> Nuxt UI is a collection of Vue components, composables and utils built on top of Reka UI, oriented on structure and layout and designed to be used as building blocks for your app. ``` :: @@ -210,14 +210,14 @@ Multi-line blockquotes are suitable for longer quotes or when you need to includ --- class: "[&>div]:*:my-0" --- -> Nuxt UI Pro is a collection of Vue components, composables and utils built on top of Nuxt UI, oriented on structure and layout and designed to be used as building blocks for your app. +> Nuxt UI is a collection of Vue components, composables and utils built on top of Reka UI, oriented on structure and layout and designed to be used as building blocks for your app. > -> Create beautiful, responsive, and accessible Vue applications with Nuxt UI Pro. +> Create beautiful, responsive, and accessible Vue applications with Nuxt UI. #code ```mdc -> Nuxt UI Pro is a collection of Vue components, composables and utils built on top of Nuxt UI, oriented on structure and layout and designed to be used as building blocks for your app. +> Nuxt UI is a collection of Vue components, composables and utils built on top of Reka UI, oriented on structure and layout and designed to be used as building blocks for your app. > -> Create beautiful, responsive, and accessible Vue applications with Nuxt UI Pro. +> Create beautiful, responsive, and accessible Vue applications with Nuxt UI. ``` :: diff --git a/.starters/default/content/2.essentials/2.code-blocks.md b/.starters/default/content/2.essentials/2.code-blocks.md index 09a1ad105..d5ab299d8 100644 --- a/.starters/default/content/2.essentials/2.code-blocks.md +++ b/.starters/default/content/2.essentials/2.code-blocks.md @@ -33,7 +33,7 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" --- ```ts export default defineNuxtConfig({ - modules: ['@nuxt/ui-pro'] + modules: ['@nuxt/ui'] }) ``` @@ -41,7 +41,7 @@ export default defineNuxtConfig({ ````mdc ```ts export default defineNuxtConfig({ - modules: ['@nuxt/ui-pro'] + modules: ['@nuxt/ui'] }) ``` ```` @@ -56,7 +56,7 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" --- ```ts [nuxt.config.ts] export default defineNuxtConfig({ - modules: ['@nuxt/ui-pro'] + modules: ['@nuxt/ui'] }) ``` @@ -64,7 +64,7 @@ export default defineNuxtConfig({ ````mdc ```ts [nuxt.config.ts] export default defineNuxtConfig({ - modules: ['@nuxt/ui-pro'] + modules: ['@nuxt/ui'] }) ``` ```` @@ -77,7 +77,7 @@ Icons are already defined by default, but you can customize them in your `app.co ```ts [app.config.ts] export default defineAppConfig({ - uiPro: { + ui: { prose: { codeIcon: { terminal: 'i-ph-terminal-window-duotone' @@ -100,19 +100,19 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" --- :::code-group{.w-full} ```bash [pnpm] - pnpm add @nuxt/ui-pro@next + pnpm add @nuxt/ui ``` ```bash [yarn] - yarn add @nuxt/ui-pro@next + yarn add @nuxt/ui ``` ```bash [npm] - npm install @nuxt/ui-pro@next + npm install @nuxt/ui ``` ```bash [bun] - bun add @nuxt/ui-pro@next + bun add @nuxt/ui ``` ::: @@ -121,19 +121,19 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" :::code-group ```bash [pnpm] -pnpm add @nuxt/ui-pro@next +pnpm add @nuxt/ui ``` ```bash [yarn] -yarn add @nuxt/ui-pro@next +yarn add @nuxt/ui ``` ```bash [npm] -npm install @nuxt/ui-pro@next +npm install @nuxt/ui ``` ```bash [bun] -bun add @nuxt/ui-pro@next +bun add @nuxt/ui ``` :: @@ -148,11 +148,7 @@ Display code blocks in a file tree view using `code-tree`. `code-tree` is excell :::code-tree{default-value="app/app.config.ts"} ```ts [nuxt.config.ts] export default defineNuxtConfig({ - modules: ['@nuxt/ui-pro'], - - future: { - compatibilityVersion: 4 - }, + modules: ['@nuxt/ui'], css: ['~/assets/css/main.css'] }) @@ -161,7 +157,7 @@ Display code blocks in a file tree view using `code-tree`. `code-tree` is excell ```css [app/assets/css/main.css] @import "tailwindcss"; - @import "@nuxt/ui-pro"; + @import "@nuxt/ui"; ``` ```ts [app/app.config.ts] @@ -199,13 +195,13 @@ Display code blocks in a file tree view using `code-tree`. `code-tree` is excell }, "dependencies": { "@iconify-json/lucide": "^1.2.18", - "@nuxt/ui-pro": "3.0.0-alpha.10", - "nuxt": "^3.15.1" + "@nuxt/ui": "4.0.0-alpha.1", + "nuxt": "^4.1.0" }, "devDependencies": { - "eslint": "9.20.1", - "typescript": "^5.7.2", - "vue-tsc": "^2.2.0" + "eslint": "^9.34.0", + "typescript": "^5.9.3", + "vue-tsc": "^3.0.6" } } ``` @@ -342,7 +338,7 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" :::code-collapse{class="[&>div]:my-0"} ```css [main.css] @import "tailwindcss"; - @import "@nuxt/ui-pro"; + @import "@nuxt/ui"; @theme { --font-sans: 'Public Sans', sans-serif; @@ -370,7 +366,7 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" ```css [main.css] @import "tailwindcss"; -@import "@nuxt/ui-pro"; +@import "@nuxt/ui"; @theme { --font-sans: 'Public Sans', sans-serif; diff --git a/.starters/default/content/2.essentials/3.components.md b/.starters/default/content/2.essentials/3.components.md index 3f5223c33..70c3cc9e6 100644 --- a/.starters/default/content/2.essentials/3.components.md +++ b/.starters/default/content/2.essentials/3.components.md @@ -1,7 +1,7 @@ --- title: Markdown Components description: Use Markdown components to help you structure your content, with - the help of Nuxt UI Pro. + the help of Nuxt UI. navigation: icon: i-lucide-component title: Components @@ -9,10 +9,10 @@ navigation: Prose components are replacements for HTML typography tags. They provide a simple way to customize your UI when using Markdown. -**Docus and Nuxt UI Pro** provides a set of styled and beautiful prose components to help you write your documentation using the [MDC syntax](https://content.nuxt.com/docs/files/markdown#mdc-syntax). +**Docus and Nuxt UI** provides a set of styled and beautiful prose components to help you write your documentation using the [MDC syntax](https://content.nuxt.com/docs/files/markdown#mdc-syntax). ::prose-note{to="https://ui.nuxt.com/getting-started"} -This page highlights only the prose components best suited for writing documentation. However, you can use **any Nuxt UI or Nuxt UI Pro component** in your Markdown. For the full list of available components, visit the Nuxt UI documentation. +This page highlights only the prose components best suited for writing documentation. However, you can use **any Nuxt UI component** in your Markdown. For the full list of available components, visit the Nuxt UI documentation. :: ### `Accordion` @@ -27,7 +27,7 @@ Use the `accordion` and `accordion-item` components to display an [Accordion](ht icon: i-lucide-circle-help label: What is Docus and what are its key features?? --- - Docus is a fully integrated documentation solution built with Nuxt UI Pro. It's a theme based on the UI Pro documentation template that provides a ready-to-use visual. User can focus on content using Markdown and MDC syntax. + Docus is a fully integrated documentation solution built with Nuxt UI. It's a theme based on the UI documentation template that provides a ready-to-use visual. User can focus on content using Markdown and MDC syntax. ::::: :::::accordion-item @@ -38,8 +38,8 @@ Use the `accordion` and `accordion-item` components to display an [Accordion](ht The only thing you need to start a Docus project is a `content/` folder. You can have a check at the starter for a quick start. ::::: - :::::accordion-item{icon="i-lucide-circle-help" label="What is Nuxt UI Pro?"} - Nuxt UI Pro is a collection of premium Vue components, composables and utils built on top of [Nuxt UI](https://ui.nuxt.com/). Nuxt UI Pro is free in development, but you need a license to use it in production. + :::::accordion-item{icon="i-lucide-circle-help" label="What is Nuxt UI?"} + [Nuxt UI](https://ui.nuxt.com/) is a collection of premium Vue components, composables and utils. ::::: :::: ::: @@ -49,15 +49,15 @@ Use the `accordion` and `accordion-item` components to display an [Accordion](ht ::accordion :::accordion-item{label="What is Docus and what are its key features??" icon="i-lucide-circle-help"} - Docus is a fully integrated documentation solution built with Nuxt UI Pro. It's a theme based on the UI Pro documentation template that provides a ready-to-use visual. User can focus on content using Markdown and MDC syntax. + Docus is a fully integrated documentation solution built with Nuxt UI. It's a theme based on the UI documentation template that provides a ready-to-use visual. User can focus on content using Markdown and MDC syntax. ::: :::accordion-item{label="How do I get started with Docus?" icon="i-lucide-circle-help"} The only thing you need to start a Docus project is a `content/` folder. You can have a check at the starter for a quick start. ::: - :::accordion-item{label="What is Nuxt UI Pro?" icon="i-lucide-circle-help"} - Nuxt UI Pro is a collection of premium Vue components, composables and utils built on top of [Nuxt UI](https://ui.nuxt.com/). Nuxt UI Pro is free in development, but you need a license to use it in production. + :::accordion-item{label="What is Nuxt UI ?" icon="i-lucide-circle-help"} + [Nuxt UI](https://ui.nuxt.com/) is a collection of premium Vue components, composables and utils. ::: :: ``` @@ -150,7 +150,7 @@ Wrap your `card` components with the `card-group` component to group them togeth icon: i-simple-icons-github target: _blank title: Dashboard - to: https://github.com/nuxt-ui-pro/dashboard + to: https://github.com/nuxt-ui-templates/dashboard --- A dashboard with multi-column layout. ::::: @@ -160,7 +160,7 @@ Wrap your `card` components with the `card-group` component to group them togeth icon: i-simple-icons-github target: _blank title: SaaS - to: https://github.com/nuxt-ui-pro/saas + to: https://github.com/nuxt-ui-templates/saas --- A template with landing, pricing, docs and blog. ::::: @@ -170,7 +170,7 @@ Wrap your `card` components with the `card-group` component to group them togeth icon: i-simple-icons-github target: _blank title: Docs - to: https://github.com/nuxt-ui-pro/docs + to: https://github.com/nuxt-ui-templates/docs --- A documentation with `@nuxt/content`. ::::: @@ -180,7 +180,7 @@ Wrap your `card` components with the `card-group` component to group them togeth icon: i-simple-icons-github target: _blank title: Landing - to: https://github.com/nuxt-ui-pro/landing + to: https://github.com/nuxt-ui-templates/landing --- A landing page you can use as starting point. ::::: @@ -195,7 +195,7 @@ Wrap your `card` components with the `card-group` component to group them togeth --- title: Dashboard icon: i-simple-icons-github - to: https://github.com/nuxt-ui-pro/dashboard + to: https://github.com/nuxt-ui-templates/dashboard target: _blank --- A dashboard with multi-column layout. @@ -205,7 +205,7 @@ Wrap your `card` components with the `card-group` component to group them togeth --- title: SaaS icon: i-simple-icons-github - to: https://github.com/nuxt-ui-pro/saas + to: https://github.com/nuxt-ui-templates/saas target: _blank --- A template with landing, pricing, docs and blog. @@ -215,7 +215,7 @@ Wrap your `card` components with the `card-group` component to group them togeth --- title: Docs icon: i-simple-icons-github - to: https://github.com/nuxt-ui-pro/docs + to: https://github.com/nuxt-ui-templates/docs target: _blank --- A documentation with `@nuxt/content`. @@ -225,7 +225,7 @@ Wrap your `card` components with the `card-group` component to group them togeth --- title: Landing icon: i-simple-icons-github - to: https://github.com/nuxt-ui-pro/landing + to: https://github.com/nuxt-ui-templates/landing target: _blank --- A landing page you can use as starting point. @@ -393,7 +393,7 @@ Use the `level` prop to define which heading will be used for the steps. #### Start a fresh new project ```bash [Terminal] - npx nuxi init -t github:nuxt-ui-pro/docus + npx nuxi init -t github:nuxt-content/docus ``` #### Run docus CLI to run your dev server @@ -410,7 +410,7 @@ Use the `level` prop to define which heading will be used for the steps. #### Start a fresh new project ```bash [Terminal] - npx nuxi init -t github:nuxt-ui-pro/docus + npx nuxi init -t github:nuxt-content/docus ``` #### Run docus CLI to run your dev server diff --git a/.starters/default/content/index.md b/.starters/default/content/index.md index 46c6f8d8c..1a7340d55 100644 --- a/.starters/default/content/index.md +++ b/.starters/default/content/index.md @@ -3,7 +3,7 @@ seo: title: Write beautiful docs with Markdown description: Ship fast, flexible, and SEO-optimized documentation with beautiful design out of the box. Docus brings together the best of the Nuxt ecosystem. - Powered by Nuxt UI Pro. + Powered by Nuxt UI. --- ::u-page-hero @@ -31,7 +31,7 @@ Docus brings the best of the Nuxt ecosystem into one CLI. color: neutral icon: simple-icons-github size: xl - to: https://github.com/nuxt-ui-pro/docus + to: https://github.com/nuxt-content/docus variant: outline --- Star on GitHub @@ -63,10 +63,10 @@ Shipped with many features to: https://ui.nuxt.com/ --- #title - Powered by [Nuxt UI Pro]{.text-primary} + Powered by [Nuxt UI]{.text-primary} #description - Beautiful out of the box, minimal by design but highly customizable. Docus leverages Nuxt UI Pro to give you the best docs writing experience with zero boilerplate, just focus on your content. + Beautiful out of the box, minimal by design but highly customizable. Docus leverages Nuxt UI to give you the best docs writing experience with zero boilerplate, just focus on your content. ::: :::u-page-feature diff --git a/.starters/i18n/README.md b/.starters/i18n/README.md index 4eeee9e5b..22833c5ef 100644 --- a/.starters/i18n/README.md +++ b/.starters/i18n/README.md @@ -89,7 +89,7 @@ This starter comes pre-configured with: - [Nuxt 4](https://nuxt.com) - The web framework - [Nuxt Content](https://content.nuxt.com/) - File-based CMS - [Nuxt i18n](https://i18n.nuxt.com/) - Internationalization -- [Nuxt UI Pro](https://ui.nuxt.com/pro) - Premium UI components +- [Nuxt UI](https://ui.nuxt.com) - UI components - [Nuxt Image](https://image.nuxt.com/) - Optimized images - [Tailwind CSS 4](https://tailwindcss.com/) - Utility-first CSS - [Docus Layer](https://www.npmjs.com/package/docus) - Documentation theme diff --git a/.starters/i18n/content/en/1.getting-started/2.introduction.md b/.starters/i18n/content/en/1.getting-started/2.introduction.md index 322eddb9f..4fabae3a1 100644 --- a/.starters/i18n/content/en/1.getting-started/2.introduction.md +++ b/.starters/i18n/content/en/1.getting-started/2.introduction.md @@ -9,11 +9,11 @@ seo: effortlessly with Docus. --- -Welcome to **Docus**, a fully integrated documentation solution built with [Nuxt UI Pro](https://ui.nuxt.com/pro). +Welcome to **Docus**, a fully integrated documentation solution built with [Nuxt UI](https://ui.nuxt.com). ## What is Docus? -Docus is a theme based on the [UI Pro documentation template](https://docs-template.nuxt.dev/). While the visual style comes ready out of the box, your focus should be on writing content using the Markdown and [MDC syntax](https://content.nuxt.com/docs/files/markdown#mdc-syntax) provided by [Nuxt Content](https://content.nuxt.com). +Docus is a theme based on the [UI documentation template](https://docs-template.nuxt.dev/). While the visual style comes ready out of the box, your focus should be on writing content using the Markdown and [MDC syntax](https://content.nuxt.com/docs/files/markdown#mdc-syntax) provided by [Nuxt Content](https://content.nuxt.com). We use this theme across all our Nuxt module documentations, including: @@ -44,7 +44,7 @@ We use this theme across all our Nuxt module documentations, including: This theme includes a range of features designed to improve documentation management: - **Powered by** [**Nuxt 4**](https://nuxt.com): Utilizes the latest Nuxt framework for optimal performance. -- **Built with** [**Nuxt UI**](https://ui.nuxt.com) **and** [**Nuxt UI Pro**](https://ui.nuxt.com/pro): Integrates a comprehensive suite of UI components. +- **Built with** [**Nuxt UI**](https://ui.nuxt.com): Integrates a comprehensive suite of UI components. - [**MDC Syntax**](https://content.nuxt.com/usage/markdown) **via** [**Nuxt Content**](https://content.nuxt.com): Supports Markdown with component integration for dynamic content. - [**Nuxt Studio**](https://content.nuxt.com/docs/studio) **Compatible**: Write and edit your content visually. No Markdown knowledge is required! - **Auto-generated Sidebar Navigation**: Automatically generates navigation from content structure. diff --git a/.starters/i18n/content/en/1.getting-started/3.installation.md b/.starters/i18n/content/en/1.getting-started/3.installation.md index 8480a64d1..ff21579ca 100644 --- a/.starters/i18n/content/en/1.getting-started/3.installation.md +++ b/.starters/i18n/content/en/1.getting-started/3.installation.md @@ -64,7 +64,7 @@ From your user or team dashboard, click the `New project` button then choose `St ### Deploy in one click -Once your project has been created and you're in the project dashboard, navigate to the `Deploy` section, choose the `GitHub Pages` tab and set your [Nuxt UI Pro license](https://ui.nuxt.com/pro/pricing) (`NUXT_UI_PRO_LICENSE` ) in the environment variables then click on the **Deploy** button. +Once your project has been created and you're in the project dashboard, navigate to the `Deploy` section, choose the `GitHub Pages` tab then click on the **Deploy** button. :::prose-note --- @@ -79,7 +79,3 @@ Once the deployment is achieved, you'll be able to display the preview of your d :video{controls loop poster="https://res.cloudinary.com/nuxt/video/upload/v1747230893/studio/wzt9zfmdvk7hgmdx3cnt.jpg" src="https://res.cloudinary.com/nuxt/video/upload/v1747230893/studio/wzt9zfmdvk7hgmdx3cnt.mp4"} :: - -::prose-tip{to="https://content.nuxt.com/docs/studio/debug"} -If you want to try Docus and Nuxt Studio in develoment mode without an UI Pro license, you can check the Nuxt Content documentation for local setup with Nuxt Studio. -:: diff --git a/.starters/i18n/content/en/1.getting-started/6.migration.md b/.starters/i18n/content/en/1.getting-started/6.migration.md index 607f8b35d..68e2c2135 100644 --- a/.starters/i18n/content/en/1.getting-started/6.migration.md +++ b/.starters/i18n/content/en/1.getting-started/6.migration.md @@ -26,9 +26,9 @@ Your existing Markdown content and MDC syntax will work without changes. The mig ## **Migrating to Docus** -Already using a Markdown-based solution for your documentation? Whether it’s **Docus v1**, the **Nuxt UI Pro docs template**, or another static site setup, migrating to Docus is simple and straightforward. +Already using a Markdown-based solution for your documentation? Whether it’s **Docus v1**, the **Nuxt UI docs template**, or another static site setup, migrating to Docus is simple and straightforward. -Docus offers a clean and maintainable solution with a single dependency: the Docus library itself. There’s no need to manage multiple .dependencies With everything built-in and maintained together, keeping your documentation up to date is easier than ever. +Docus offers a clean and maintainable solution with a single dependency: the Docus library itself. There’s no need to manage multiple dependencies. With everything built-in and maintained together, keeping your documentation up to date is easier than ever. To migrate, just move your existing Markdown files into the `content/` directory of the Docus starter. diff --git a/.starters/i18n/content/en/2.essentials/1.markdown-syntax.md b/.starters/i18n/content/en/2.essentials/1.markdown-syntax.md index 1f5ce8016..09883ce42 100644 --- a/.starters/i18n/content/en/2.essentials/1.markdown-syntax.md +++ b/.starters/i18n/content/en/2.essentials/1.markdown-syntax.md @@ -68,11 +68,11 @@ To create a link, wrap the link text in brackets `[]()`. --- class: "[&>div]:*:my-0" --- -[Nuxt UI Pro](https://ui.nuxt.com/getting-started/installation/pro/nuxt) +[Nuxt UI](https://ui.nuxt.com/getting-started/installation/nuxt) #code ```mdc -[Nuxt UI Pro](https://ui.nuxt.com/getting-started/installation/pro/nuxt) +[Nuxt UI](https://ui.nuxt.com/getting-started/installation/nuxt) ``` :: @@ -194,11 +194,11 @@ Single-line blockquotes are best for short, impactful quotes or citations that f --- class: "[&>div]:*:my-0" --- -> Nuxt UI Pro is a collection of Vue components, composables and utils built on top of Nuxt UI, oriented on structure and layout and designed to be used as building blocks for your app. +> Nuxt UI is a collection of Vue components, composables and utils built on top of Reka UI, oriented on structure and layout and designed to be used as building blocks for your app. #code ```mdc -> Nuxt UI Pro is a collection of Vue components, composables and utils built on top of Nuxt UI, oriented on structure and layout and designed to be used as building blocks for your app. +> Nuxt UI is a collection of Vue components, composables and utils built on top of Reka UI, oriented on structure and layout and designed to be used as building blocks for your app. ``` :: @@ -210,14 +210,14 @@ Multi-line blockquotes are suitable for longer quotes or when you need to includ --- class: "[&>div]:*:my-0" --- -> Nuxt UI Pro is a collection of Vue components, composables and utils built on top of Nuxt UI, oriented on structure and layout and designed to be used as building blocks for your app. +> Nuxt UI is a collection of Vue components, composables and utils built on top of Reka UI, oriented on structure and layout and designed to be used as building blocks for your app. > -> Create beautiful, responsive, and accessible Vue applications with Nuxt UI Pro. +> Create beautiful, responsive, and accessible Vue applications with Nuxt UI. #code ```mdc -> Nuxt UI Pro is a collection of Vue components, composables and utils built on top of Nuxt UI, oriented on structure and layout and designed to be used as building blocks for your app. +> Nuxt UI is a collection of Vue components, composables and utils built on top of Reka UI, oriented on structure and layout and designed to be used as building blocks for your app. > -> Create beautiful, responsive, and accessible Vue applications with Nuxt UI Pro. +> Create beautiful, responsive, and accessible Vue applications with Nuxt UI. ``` :: diff --git a/.starters/i18n/content/en/2.essentials/2.code-blocks.md b/.starters/i18n/content/en/2.essentials/2.code-blocks.md index 09a1ad105..d5ab299d8 100644 --- a/.starters/i18n/content/en/2.essentials/2.code-blocks.md +++ b/.starters/i18n/content/en/2.essentials/2.code-blocks.md @@ -33,7 +33,7 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" --- ```ts export default defineNuxtConfig({ - modules: ['@nuxt/ui-pro'] + modules: ['@nuxt/ui'] }) ``` @@ -41,7 +41,7 @@ export default defineNuxtConfig({ ````mdc ```ts export default defineNuxtConfig({ - modules: ['@nuxt/ui-pro'] + modules: ['@nuxt/ui'] }) ``` ```` @@ -56,7 +56,7 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" --- ```ts [nuxt.config.ts] export default defineNuxtConfig({ - modules: ['@nuxt/ui-pro'] + modules: ['@nuxt/ui'] }) ``` @@ -64,7 +64,7 @@ export default defineNuxtConfig({ ````mdc ```ts [nuxt.config.ts] export default defineNuxtConfig({ - modules: ['@nuxt/ui-pro'] + modules: ['@nuxt/ui'] }) ``` ```` @@ -77,7 +77,7 @@ Icons are already defined by default, but you can customize them in your `app.co ```ts [app.config.ts] export default defineAppConfig({ - uiPro: { + ui: { prose: { codeIcon: { terminal: 'i-ph-terminal-window-duotone' @@ -100,19 +100,19 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" --- :::code-group{.w-full} ```bash [pnpm] - pnpm add @nuxt/ui-pro@next + pnpm add @nuxt/ui ``` ```bash [yarn] - yarn add @nuxt/ui-pro@next + yarn add @nuxt/ui ``` ```bash [npm] - npm install @nuxt/ui-pro@next + npm install @nuxt/ui ``` ```bash [bun] - bun add @nuxt/ui-pro@next + bun add @nuxt/ui ``` ::: @@ -121,19 +121,19 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" :::code-group ```bash [pnpm] -pnpm add @nuxt/ui-pro@next +pnpm add @nuxt/ui ``` ```bash [yarn] -yarn add @nuxt/ui-pro@next +yarn add @nuxt/ui ``` ```bash [npm] -npm install @nuxt/ui-pro@next +npm install @nuxt/ui ``` ```bash [bun] -bun add @nuxt/ui-pro@next +bun add @nuxt/ui ``` :: @@ -148,11 +148,7 @@ Display code blocks in a file tree view using `code-tree`. `code-tree` is excell :::code-tree{default-value="app/app.config.ts"} ```ts [nuxt.config.ts] export default defineNuxtConfig({ - modules: ['@nuxt/ui-pro'], - - future: { - compatibilityVersion: 4 - }, + modules: ['@nuxt/ui'], css: ['~/assets/css/main.css'] }) @@ -161,7 +157,7 @@ Display code blocks in a file tree view using `code-tree`. `code-tree` is excell ```css [app/assets/css/main.css] @import "tailwindcss"; - @import "@nuxt/ui-pro"; + @import "@nuxt/ui"; ``` ```ts [app/app.config.ts] @@ -199,13 +195,13 @@ Display code blocks in a file tree view using `code-tree`. `code-tree` is excell }, "dependencies": { "@iconify-json/lucide": "^1.2.18", - "@nuxt/ui-pro": "3.0.0-alpha.10", - "nuxt": "^3.15.1" + "@nuxt/ui": "4.0.0-alpha.1", + "nuxt": "^4.1.0" }, "devDependencies": { - "eslint": "9.20.1", - "typescript": "^5.7.2", - "vue-tsc": "^2.2.0" + "eslint": "^9.34.0", + "typescript": "^5.9.3", + "vue-tsc": "^3.0.6" } } ``` @@ -342,7 +338,7 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" :::code-collapse{class="[&>div]:my-0"} ```css [main.css] @import "tailwindcss"; - @import "@nuxt/ui-pro"; + @import "@nuxt/ui"; @theme { --font-sans: 'Public Sans', sans-serif; @@ -370,7 +366,7 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" ```css [main.css] @import "tailwindcss"; -@import "@nuxt/ui-pro"; +@import "@nuxt/ui"; @theme { --font-sans: 'Public Sans', sans-serif; diff --git a/.starters/i18n/content/en/2.essentials/3.components.md b/.starters/i18n/content/en/2.essentials/3.components.md index 3f5223c33..6c248c82f 100644 --- a/.starters/i18n/content/en/2.essentials/3.components.md +++ b/.starters/i18n/content/en/2.essentials/3.components.md @@ -1,7 +1,7 @@ --- title: Markdown Components description: Use Markdown components to help you structure your content, with - the help of Nuxt UI Pro. + the help of Nuxt UI. navigation: icon: i-lucide-component title: Components @@ -9,10 +9,10 @@ navigation: Prose components are replacements for HTML typography tags. They provide a simple way to customize your UI when using Markdown. -**Docus and Nuxt UI Pro** provides a set of styled and beautiful prose components to help you write your documentation using the [MDC syntax](https://content.nuxt.com/docs/files/markdown#mdc-syntax). +**Docus and Nuxt UI** provides a set of styled and beautiful prose components to help you write your documentation using the [MDC syntax](https://content.nuxt.com/docs/files/markdown#mdc-syntax). ::prose-note{to="https://ui.nuxt.com/getting-started"} -This page highlights only the prose components best suited for writing documentation. However, you can use **any Nuxt UI or Nuxt UI Pro component** in your Markdown. For the full list of available components, visit the Nuxt UI documentation. +This page highlights only the prose components best suited for writing documentation. However, you can use **any Nuxt UI or Nuxt UI component** in your Markdown. For the full list of available components, visit the Nuxt UI documentation. :: ### `Accordion` @@ -27,7 +27,7 @@ Use the `accordion` and `accordion-item` components to display an [Accordion](ht icon: i-lucide-circle-help label: What is Docus and what are its key features?? --- - Docus is a fully integrated documentation solution built with Nuxt UI Pro. It's a theme based on the UI Pro documentation template that provides a ready-to-use visual. User can focus on content using Markdown and MDC syntax. + Docus is a fully integrated documentation solution built with Nuxt UI. It's a theme based on the UI documentation template that provides a ready-to-use visual. User can focus on content using Markdown and MDC syntax. ::::: :::::accordion-item @@ -38,8 +38,8 @@ Use the `accordion` and `accordion-item` components to display an [Accordion](ht The only thing you need to start a Docus project is a `content/` folder. You can have a check at the starter for a quick start. ::::: - :::::accordion-item{icon="i-lucide-circle-help" label="What is Nuxt UI Pro?"} - Nuxt UI Pro is a collection of premium Vue components, composables and utils built on top of [Nuxt UI](https://ui.nuxt.com/). Nuxt UI Pro is free in development, but you need a license to use it in production. + :::::accordion-item{icon="i-lucide-circle-help" label="What is Nuxt UI?"} + [Nuxt UI](https://ui.nuxt.com/) is a collection of premium Vue components, composables and utils. ::::: :::: ::: @@ -49,15 +49,15 @@ Use the `accordion` and `accordion-item` components to display an [Accordion](ht ::accordion :::accordion-item{label="What is Docus and what are its key features??" icon="i-lucide-circle-help"} - Docus is a fully integrated documentation solution built with Nuxt UI Pro. It's a theme based on the UI Pro documentation template that provides a ready-to-use visual. User can focus on content using Markdown and MDC syntax. + Docus is a fully integrated documentation solution built with Nuxt UI. It's a theme based on the UI documentation template that provides a ready-to-use visual. User can focus on content using Markdown and MDC syntax. ::: :::accordion-item{label="How do I get started with Docus?" icon="i-lucide-circle-help"} The only thing you need to start a Docus project is a `content/` folder. You can have a check at the starter for a quick start. ::: - :::accordion-item{label="What is Nuxt UI Pro?" icon="i-lucide-circle-help"} - Nuxt UI Pro is a collection of premium Vue components, composables and utils built on top of [Nuxt UI](https://ui.nuxt.com/). Nuxt UI Pro is free in development, but you need a license to use it in production. + :::accordion-item{label="What is Nuxt UI?" icon="i-lucide-circle-help"} + [Nuxt UI](https://ui.nuxt.com/) is a collection of premium Vue components, composables and utils. ::: :: ``` @@ -150,7 +150,7 @@ Wrap your `card` components with the `card-group` component to group them togeth icon: i-simple-icons-github target: _blank title: Dashboard - to: https://github.com/nuxt-ui-pro/dashboard + to: https://github.com/nuxt-ui-templates/dashboard --- A dashboard with multi-column layout. ::::: @@ -160,7 +160,7 @@ Wrap your `card` components with the `card-group` component to group them togeth icon: i-simple-icons-github target: _blank title: SaaS - to: https://github.com/nuxt-ui-pro/saas + to: https://github.com/nuxt-ui-templates/saas --- A template with landing, pricing, docs and blog. ::::: @@ -170,7 +170,7 @@ Wrap your `card` components with the `card-group` component to group them togeth icon: i-simple-icons-github target: _blank title: Docs - to: https://github.com/nuxt-ui-pro/docs + to: https://github.com/nuxt-ui-templates/docs --- A documentation with `@nuxt/content`. ::::: @@ -180,7 +180,7 @@ Wrap your `card` components with the `card-group` component to group them togeth icon: i-simple-icons-github target: _blank title: Landing - to: https://github.com/nuxt-ui-pro/landing + to: https://github.com/nuxt-ui-templates/landing --- A landing page you can use as starting point. ::::: @@ -195,7 +195,7 @@ Wrap your `card` components with the `card-group` component to group them togeth --- title: Dashboard icon: i-simple-icons-github - to: https://github.com/nuxt-ui-pro/dashboard + to: https://github.com/nuxt-ui-templates/dashboard target: _blank --- A dashboard with multi-column layout. @@ -205,7 +205,7 @@ Wrap your `card` components with the `card-group` component to group them togeth --- title: SaaS icon: i-simple-icons-github - to: https://github.com/nuxt-ui-pro/saas + to: https://github.com/nuxt-ui-templates/saas target: _blank --- A template with landing, pricing, docs and blog. @@ -215,7 +215,7 @@ Wrap your `card` components with the `card-group` component to group them togeth --- title: Docs icon: i-simple-icons-github - to: https://github.com/nuxt-ui-pro/docs + to: https://github.com/nuxt-ui-templates/docs target: _blank --- A documentation with `@nuxt/content`. @@ -225,7 +225,7 @@ Wrap your `card` components with the `card-group` component to group them togeth --- title: Landing icon: i-simple-icons-github - to: https://github.com/nuxt-ui-pro/landing + to: https://github.com/nuxt-ui-templates/landing target: _blank --- A landing page you can use as starting point. @@ -393,7 +393,7 @@ Use the `level` prop to define which heading will be used for the steps. #### Start a fresh new project ```bash [Terminal] - npx nuxi init -t github:nuxt-ui-pro/docus + npx nuxi init -t github:nuxt-content/docus ``` #### Run docus CLI to run your dev server @@ -410,7 +410,7 @@ Use the `level` prop to define which heading will be used for the steps. #### Start a fresh new project ```bash [Terminal] - npx nuxi init -t github:nuxt-ui-pro/docus + npx nuxi init -t github:nuxt-content/docus ``` #### Run docus CLI to run your dev server diff --git a/.starters/i18n/content/en/index.md b/.starters/i18n/content/en/index.md index 30645eabe..a557702af 100644 --- a/.starters/i18n/content/en/index.md +++ b/.starters/i18n/content/en/index.md @@ -3,7 +3,7 @@ seo: title: Write beautiful docs with Markdown description: Ship fast, flexible, and SEO-optimized documentation with beautiful design out of the box. Docus brings together the best of the Nuxt ecosystem. - Powered by Nuxt UI Pro. + Powered by Nuxt UI. --- ::u-page-hero @@ -31,7 +31,7 @@ Docus brings the best of the Nuxt ecosystem into one CLI. color: neutral icon: simple-icons-github size: xl - to: https://github.com/nuxt-ui-pro/docus + to: https://github.com/nuxt-content/docus variant: outline --- Star on GitHub @@ -63,10 +63,10 @@ Shipped with many features to: https://ui.nuxt.com/ --- #title - Powered by [Nuxt UI Pro]{.text-primary} + Powered by [Nuxt UI]{.text-primary} #description - Beautiful out of the box, minimal by design but highly customizable. Docus leverages Nuxt UI Pro to give you the best docs writing experience with zero boilerplate, just focus on your content. + Beautiful out of the box, minimal by design but highly customizable. Docus leverages Nuxt UI to give you the best docs writing experience with zero boilerplate, just focus on your content. ::: :::u-page-feature diff --git a/.starters/i18n/content/fr/1.getting-started/2.introduction.md b/.starters/i18n/content/fr/1.getting-started/2.introduction.md index 767383835..981e4a1c9 100644 --- a/.starters/i18n/content/fr/1.getting-started/2.introduction.md +++ b/.starters/i18n/content/fr/1.getting-started/2.introduction.md @@ -9,11 +9,11 @@ seo: facilement avec Docus. --- -Bienvenue sur **Docus**, une solution de documentation entièrement intégrée construite avec [Nuxt UI Pro](https://ui.nuxt.com/pro). +Bienvenue sur **Docus**, une solution de documentation entièrement intégrée construite avec [Nuxt UI](https://ui.nuxt.com). ## Qu'est-ce que Docus ? -Docus est un thème basé sur le [template de documentation UI Pro](https://docs-template.nuxt.dev/). Le style visuel est prêt à l'emploi, votre priorité doit être d'écrire du contenu en utilisant la syntaxe Markdown et [MDC](https://content.nuxt.com/docs/files/markdown#mdc-syntax) fournie par [Nuxt Content](https://content.nuxt.com). +Docus est un thème inspiré du [template de documentation Nuxt UI](https://docs-template.nuxt.dev/). Le style visuel est prêt à l'emploi, votre priorité doit être d'écrire du contenu en utilisant la syntaxe Markdown et [MDC](https://content.nuxt.com/docs/files/markdown#mdc-syntax) fournie par [Nuxt Content](https://content.nuxt.com). Nous utilisons ce thème pour toutes nos documentations de modules Nuxt, y compris : @@ -44,7 +44,7 @@ Nous utilisons ce thème pour toutes nos documentations de modules Nuxt, y compr Ce thème inclut de nombreuses fonctionnalités pour améliorer la gestion de votre documentation : - **Propulsé par** [**Nuxt 4**](https://nuxt.com) : Utilise le dernier framework Nuxt pour des performances optimales. -- **Construit avec** [**Nuxt UI**](https://ui.nuxt.com) **et** [**Nuxt UI Pro**](https://ui.nuxt.com/pro) : Intègre une suite complète de composants UI. +- **Construit avec** [**Nuxt UI**](https://ui.nuxt.com): Intègre une suite complète de composants UI. - [**Syntaxe MDC**](https://content.nuxt.com/usage/markdown) **via** [**Nuxt Content**](https://content.nuxt.com) : Prend en charge le Markdown avec intégration de composants pour du contenu dynamique. - [**Nuxt Studio**](https://content.nuxt.com/docs/studio) **Compatible** : Rédigez et éditez votre contenu visuellement. Aucune connaissance Markdown requise ! - **Navigation latérale auto-générée** : Génère automatiquement la navigation à partir de la structure du contenu. diff --git a/.starters/i18n/content/fr/1.getting-started/3.installation.md b/.starters/i18n/content/fr/1.getting-started/3.installation.md index f764ed6bc..087f37432 100644 --- a/.starters/i18n/content/fr/1.getting-started/3.installation.md +++ b/.starters/i18n/content/fr/1.getting-started/3.installation.md @@ -65,7 +65,7 @@ Depuis votre tableau de bord utilisateur ou équipe, cliquez sur le bouton `New ### Déployez en un clic -Une fois votre projet créé et dans le tableau de bord du projet, rendez-vous dans la section `Deploy`, choisissez l'onglet `GitHub Pages` et renseignez votre [licence Nuxt UI Pro](https://ui.nuxt.com/pro/pricing) (`NUXT_UI_PRO_LICENSE`) dans les variables d'environnement puis cliquez sur le bouton **Deploy**. +Une fois votre projet créé et dans le tableau de bord du projet, rendez-vous dans la section `Deploy`, choisissez l'onglet `GitHub Pages` puis cliquez sur le bouton **Deploy**. :::prose-note --- @@ -80,7 +80,3 @@ Une fois le déploiement terminé, vous pourrez afficher l'aperçu de votre docu :video{controls loop poster="https://res.cloudinary.com/nuxt/video/upload/v1747230893/studio/wzt9zfmdvk7hgmdx3cnt.jpg" src="https://res.cloudinary.com/nuxt/video/upload/v1747230893/studio/wzt9zfmdvk7hgmdx3cnt.mp4"} :: - -::prose-tip{to="https://content.nuxt.com/docs/studio/debug"} -Si vous souhaitez essayer Docus et Nuxt Studio en mode développement sans licence UI Pro, consultez la documentation Nuxt Content pour une configuration locale avec Nuxt Studio. -:: diff --git a/.starters/i18n/content/fr/1.getting-started/6.migration.md b/.starters/i18n/content/fr/1.getting-started/6.migration.md index b6fe44632..5e3ea7d40 100644 --- a/.starters/i18n/content/fr/1.getting-started/6.migration.md +++ b/.starters/i18n/content/fr/1.getting-started/6.migration.md @@ -25,7 +25,7 @@ Votre contenu Markdown existant fonctionnera sans changements. La migration conc ## **Migrer vers Docus** -Vous utilisez déjà une solution basée sur Markdown pour votre documentation ? Que ce soit **Docus v1**, le **template de docs Nuxt UI Pro**, ou une autre solution de site statique, migrer vers Docus est simple et direct. +Vous utilisez déjà une solution basée sur Markdown pour votre documentation ? Que ce soit **Docus v1**, le **template de docs Nuxt UI**, ou une autre solution de site statique, migrer vers Docus est simple et direct. Docus offre une solution propre et maintenable avec une seule dépendance : la bibliothèque Docus elle-même. Plus besoin de gérer de multiples dépendances. Tout est intégré et maintenu ensemble, ce qui facilite la mise à jour de votre documentation. diff --git a/.starters/i18n/content/fr/2.essentials/1.markdown-syntax.md b/.starters/i18n/content/fr/2.essentials/1.markdown-syntax.md index 142ed808e..8ae8213c4 100644 --- a/.starters/i18n/content/fr/2.essentials/1.markdown-syntax.md +++ b/.starters/i18n/content/fr/2.essentials/1.markdown-syntax.md @@ -68,11 +68,11 @@ Pour créer un lien, entourez le texte du lien avec des crochets `[]()`. --- class: "[&>div]:*:my-0" --- -[Nuxt UI Pro](https://ui.nuxt.com/getting-started/installation/pro/nuxt) +[Nuxt UI](https://ui.nuxt.com/getting-started/installation/nuxt) #code ```mdc -[Nuxt UI Pro](https://ui.nuxt.com/getting-started/installation/pro/nuxt) +[Nuxt UI](https://ui.nuxt.com/getting-started/installation/nuxt) ``` :: @@ -194,11 +194,11 @@ Les citations sur une seule ligne sont idéales pour des citations courtes et pe --- class: "[&>div]:*:my-0" --- -> Nuxt UI Pro est une collection de composants Vue, de composables et d'utilitaires construits sur Nuxt UI, orientés structure et layout, conçus comme des blocs de construction pour votre application. +> Nuxt est une collection de composants Vue, de composables et d'utilitaires construits sur Nuxt UI, orientés structure et layout, conçus comme des blocs de construction pour votre application. #code ```mdc -> Nuxt UI Pro est une collection de composants Vue, de composables et d'utilitaires construits sur Nuxt UI, orientés structure et layout, conçus comme des blocs de construction pour votre application. +> Nuxt est une collection de composants Vue, de composables et d'utilitaires construits sur Nuxt UI, orientés structure et layout, conçus comme des blocs de construction pour votre application. ``` :: @@ -210,14 +210,14 @@ Les citations multiligne conviennent aux citations plus longues ou pour inclure --- class: "[&>div]:*:my-0" --- -> Nuxt UI Pro est une collection de composants Vue, de composables et d'utilitaires construits sur Nuxt UI, orientés structure et layout, conçus comme des blocs de construction pour votre application. +> Nuxt est une collection de composants Vue, de composables et d'utilitaires construits sur Nuxt UI, orientés structure et layout, conçus comme des blocs de construction pour votre application. > -> Créez de belles applications Vue réactives et accessibles avec Nuxt UI Pro. +> Créez de belles applications Vue réactives et accessibles avec Nuxt. #code ```mdc -> Nuxt UI Pro est une collection de composants Vue, de composables et d'utilitaires construits sur Nuxt UI, orientés structure et layout, conçus comme des blocs de construction pour votre application. +> Nuxt est une collection de composants Vue, de composables et d'utilitaires construits sur Nuxt UI, orientés structure et layout, conçus comme des blocs de construction pour votre application. > -> Créez de belles applications Vue réactives et accessibles avec Nuxt UI Pro. +> Créez de belles applications Vue réactives et accessibles avec Nuxt. ``` :: diff --git a/.starters/i18n/content/fr/2.essentials/2.code-blocks.md b/.starters/i18n/content/fr/2.essentials/2.code-blocks.md index 5fec6b94f..a06f1bb5d 100644 --- a/.starters/i18n/content/fr/2.essentials/2.code-blocks.md +++ b/.starters/i18n/content/fr/2.essentials/2.code-blocks.md @@ -33,7 +33,7 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" --- ```ts export default defineNuxtConfig({ - modules: ['@nuxt/ui-pro'] + modules: ['@nuxt/ui'] }) ``` @@ -41,7 +41,7 @@ export default defineNuxtConfig({ ````mdc ```ts export default defineNuxtConfig({ - modules: ['@nuxt/ui-pro'] + modules: ['@nuxt/ui'] }) ``` ```` @@ -56,7 +56,7 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" --- ```ts [nuxt.config.ts] export default defineNuxtConfig({ - modules: ['@nuxt/ui-pro'] + modules: ['@nuxt/ui'] }) ``` @@ -64,7 +64,7 @@ export default defineNuxtConfig({ ````mdc ```ts [nuxt.config.ts] export default defineNuxtConfig({ - modules: ['@nuxt/ui-pro'] + modules: ['@nuxt/ui'] }) ``` ```` @@ -77,7 +77,7 @@ Les icônes sont déjà définies par défaut, mais vous pouvez les personnalise ```ts [app.config.ts] export default defineAppConfig({ - uiPro: { + ui: { prose: { codeIcon: { terminal: 'i-ph-terminal-window-duotone' @@ -100,19 +100,19 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" --- :::code-group{.w-full} ```bash [pnpm] - pnpm add @nuxt/ui-pro@next + pnpm add @nuxt/ui ``` ```bash [yarn] - yarn add @nuxt/ui-pro@next + yarn add @nuxt/ui ``` ```bash [npm] - npm install @nuxt/ui-pro@next + npm install @nuxt/ui ``` ```bash [bun] - bun add @nuxt/ui-pro@next + bun add @nuxt/ui ``` ::: @@ -121,19 +121,19 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" :::code-group ```bash [pnpm] -pnpm add @nuxt/ui-pro@next +pnpm add @nuxt/ui ``` ```bash [yarn] -yarn add @nuxt/ui-pro@next +yarn add @nuxt/ui ``` ```bash [npm] -npm install @nuxt/ui-pro@next +npm install @nuxt/ui ``` ```bash [bun] -bun add @nuxt/ui-pro@next +bun add @nuxt/ui ``` :: @@ -148,11 +148,7 @@ Affichez des blocs de code dans une vue arborescente avec `code-tree`. `code-tre :::code-tree{default-value="app/app.config.ts"} ```ts [nuxt.config.ts] export default defineNuxtConfig({ - modules: ['@nuxt/ui-pro'], - - future: { - compatibilityVersion: 4 - }, + modules: ['@nuxt/ui'], css: ['~/assets/css/main.css'] }) @@ -161,7 +157,7 @@ Affichez des blocs de code dans une vue arborescente avec `code-tree`. `code-tre ```css [app/assets/css/main.css] @import "tailwindcss"; - @import "@nuxt/ui-pro"; + @import "@nuxt/ui"; ``` ```ts [app/app.config.ts] @@ -199,13 +195,13 @@ Affichez des blocs de code dans une vue arborescente avec `code-tree`. `code-tre }, "dependencies": { "@iconify-json/lucide": "^1.2.18", - "@nuxt/ui-pro": "3.0.0-alpha.10", - "nuxt": "^3.15.1" + "@nuxt/ui": "4.0.0-alpha.1", + "nuxt": "^4.1.0" }, "devDependencies": { - "eslint": "9.20.1", - "typescript": "^5.7.2", - "vue-tsc": "^2.2.0" + "eslint": "^9.34.0", + "typescript": "^5.9.3", + "vue-tsc": "^3.0.6" } } ``` @@ -342,7 +338,7 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" :::code-collapse{class="[&>div]:my-0"} ```css [main.css] @import "tailwindcss"; - @import "@nuxt/ui-pro"; + @import "@nuxt/ui"; @theme { --font-sans: 'Public Sans', sans-serif; @@ -370,7 +366,7 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" ```css [main.css] @import "tailwindcss"; -@import "@nuxt/ui-pro"; +@import "@nuxt/ui"; @theme { --font-sans: 'Public Sans', sans-serif; diff --git a/.starters/i18n/content/fr/2.essentials/3.components.md b/.starters/i18n/content/fr/2.essentials/3.components.md index 5de0e9974..ff7978695 100644 --- a/.starters/i18n/content/fr/2.essentials/3.components.md +++ b/.starters/i18n/content/fr/2.essentials/3.components.md @@ -1,6 +1,6 @@ --- title: Composants Markdown -description: Utilisez les composants Markdown pour structurer votre contenu, avec l'aide de Nuxt UI Pro. +description: Utilisez les composants Markdown pour structurer votre contenu, avec l'aide de Nuxt UI. navigation: icon: i-lucide-component title: Composants @@ -8,10 +8,10 @@ navigation: Les composants prose sont des remplacements pour les balises de typographie HTML. Ils offrent un moyen simple de personnaliser votre interface lors de l'utilisation de Markdown. -**Docus et Nuxt UI Pro** fournissent un ensemble de composants prose stylés et élégants pour vous aider à rédiger votre documentation avec la [syntaxe MDC](https://content.nuxt.com/docs/files/markdown#mdc-syntax). +**Docus et Nuxt UI** fournissent un ensemble de composants prose stylés et élégants pour vous aider à rédiger votre documentation avec la [syntaxe MDC](https://content.nuxt.com/docs/files/markdown#mdc-syntax). ::prose-note{to="https://ui.nuxt.com/getting-started"} -Cette page met en avant uniquement les composants prose les plus adaptés à la rédaction de documentation. Cependant, vous pouvez utiliser **n'importe quel composant Nuxt UI ou Nuxt UI Pro** dans votre Markdown. Pour la liste complète des composants disponibles, consultez la documentation Nuxt UI. +Cette page met en avant uniquement les composants prose les plus adaptés à la rédaction de documentation. Cependant, vous pouvez utiliser **n'importe quel composant Nuxt UI** dans votre Markdown. Pour la liste complète des composants disponibles, consultez la documentation Nuxt UI. :: ### `Accordion` @@ -26,7 +26,7 @@ Utilisez les composants `accordion` et `accordion-item` pour afficher un [Accord icon: i-lucide-circle-help label: Qu'est-ce que Docus et quelles sont ses fonctionnalités clés ? --- - Docus est une solution de documentation entièrement intégrée construite avec Nuxt UI Pro. C'est un thème basé sur le template de documentation UI Pro qui fournit un visuel prêt à l'emploi. L'utilisateur peut se concentrer sur le contenu en utilisant Markdown et la syntaxe MDC. + Docus est une solution de documentation entièrement intégrée construite avec Nuxt UI. C'est un thème inspiré du template de documentation Nuxt UI qui fournit un visuel prêt à l'emploi. L'utilisateur peut se concentrer sur le contenu en utilisant Markdown et la syntaxe MDC. ::::: :::::accordion-item @@ -37,8 +37,8 @@ Utilisez les composants `accordion` et `accordion-item` pour afficher un [Accord La seule chose dont vous avez besoin pour démarrer un projet Docus est un dossier `content/`. Consultez le starter pour un démarrage rapide. ::::: - :::::accordion-item{icon="i-lucide-circle-help" label="Qu'est-ce que Nuxt UI Pro ?"} - Nuxt UI Pro est une collection de composants Vue premium, de composables et d'utilitaires construits sur [Nuxt UI](https://ui.nuxt.com/). Nuxt UI Pro est gratuit en développement, mais nécessite une licence pour la production. + :::::accordion-item{icon="i-lucide-circle-help" label="Qu'est-ce que Nuxt UI ?"} + Nuxt UI est une collection de composants Vue premium, de composables et d'utilitaires construits sur [Nuxt UI](https://ui.nuxt.com/). Nuxt UI est gratuit en développement, mais nécessite une licence pour la production. ::::: :::: ::: @@ -48,15 +48,15 @@ Utilisez les composants `accordion` et `accordion-item` pour afficher un [Accord ::accordion :::accordion-item{label="Qu'est-ce que Docus et quelles sont ses fonctionnalités clés ?" icon="i-lucide-circle-help"} - Docus est une solution de documentation entièrement intégrée construite avec Nuxt UI Pro. C'est un thème basé sur le template de documentation UI Pro qui fournit un visuel prêt à l'emploi. L'utilisateur peut se concentrer sur le contenu en utilisant Markdown et la syntaxe MDC. + Docus est une solution de documentation entièrement intégrée construite avec Nuxt UI. C'est un thème inspiré du template de documentation Nuxt UI qui fournit un visuel prêt à l'emploi. L'utilisateur peut se concentrer sur le contenu en utilisant Markdown et la syntaxe MDC. ::: :::accordion-item{label="Comment démarrer avec Docus ?" icon="i-lucide-circle-help"} La seule chose dont vous avez besoin pour démarrer un projet Docus est un dossier `content/`. Consultez le starter pour un démarrage rapide. ::: - :::accordion-item{label="Qu'est-ce que Nuxt UI Pro ?" icon="i-lucide-circle-help"} - Nuxt UI Pro est une collection de composants Vue premium, de composables et d'utilitaires construits sur [Nuxt UI](https://ui.nuxt.com/). Nuxt UI Pro est gratuit en développement, mais nécessite une licence pour la production. + :::accordion-item{label="Qu'est-ce que Nuxt UI ?" icon="i-lucide-circle-help"} + Nuxt UI est une collection de composants Vue premium, de composables et d'utilitaires. ::: :: ``` @@ -149,7 +149,7 @@ Regroupez vos composants `card` avec le composant `card-group` pour les afficher icon: i-simple-icons-github target: _blank title: Tableau de bord - to: https://github.com/nuxt-ui-pro/dashboard + to: https://github.com/nuxt-ui-templates/dashboard --- Un tableau de bord avec une mise en page multi-colonnes. ::::: @@ -159,7 +159,7 @@ Regroupez vos composants `card` avec le composant `card-group` pour les afficher icon: i-simple-icons-github target: _blank title: SaaS - to: https://github.com/nuxt-ui-pro/saas + to: https://github.com/nuxt-ui-templates/saas --- Un template avec landing, pricing, docs et blog. ::::: @@ -169,7 +169,7 @@ Regroupez vos composants `card` avec le composant `card-group` pour les afficher icon: i-simple-icons-github target: _blank title: Docs - to: https://github.com/nuxt-ui-pro/docs + to: https://github.com/nuxt-ui-templates/docs --- Une documentation avec `@nuxt/content`. ::::: @@ -179,7 +179,7 @@ Regroupez vos composants `card` avec le composant `card-group` pour les afficher icon: i-simple-icons-github target: _blank title: Landing - to: https://github.com/nuxt-ui-pro/landing + to: https://github.com/nuxt-ui-templates/landing --- Une page d'accueil à utiliser comme point de départ. ::::: @@ -194,7 +194,7 @@ Regroupez vos composants `card` avec le composant `card-group` pour les afficher --- title: Tableau de bord icon: i-simple-icons-github - to: https://github.com/nuxt-ui-pro/dashboard + to: https://github.com/nuxt-ui-templates/dashboard target: _blank --- Un tableau de bord avec une mise en page multi-colonnes. @@ -204,7 +204,7 @@ Regroupez vos composants `card` avec le composant `card-group` pour les afficher --- title: SaaS icon: i-simple-icons-github - to: https://github.com/nuxt-ui-pro/saas + to: https://github.com/nuxt-ui-templates/saas target: _blank --- Un template avec landing, pricing, docs et blog. @@ -214,7 +214,7 @@ Regroupez vos composants `card` avec le composant `card-group` pour les afficher --- title: Docs icon: i-simple-icons-github - to: https://github.com/nuxt-ui-pro/docs + to: https://github.com/nuxt-ui-templates/docs target: _blank --- Une documentation avec `@nuxt/content`. @@ -224,7 +224,7 @@ Regroupez vos composants `card` avec le composant `card-group` pour les afficher --- title: Landing icon: i-simple-icons-github - to: https://github.com/nuxt-ui-pro/landing + to: https://github.com/nuxt-ui-templates/landing target: _blank --- Une page d'accueil à utiliser comme point de départ. @@ -392,7 +392,7 @@ Utilisez la prop `level` pour définir quel titre sera utilisé pour les étapes #### Démarrer un nouveau projet ```bash [Terminal] - npx nuxi init -t github:nuxt-ui-pro/docus + npx nuxi init -t github:nuxt-content/docus ``` #### Lancer le CLI docus pour démarrer votre serveur de dev @@ -409,7 +409,7 @@ Utilisez la prop `level` pour définir quel titre sera utilisé pour les étapes #### Démarrer un nouveau projet ```bash [Terminal] - npx nuxi init -t github:nuxt-ui-pro/docus + npx nuxi init -t github:nuxt-content/docus ``` #### Lancer le CLI docus pour démarrer votre serveur de dev diff --git a/.starters/i18n/content/fr/index.md b/.starters/i18n/content/fr/index.md index cbdcdbe14..5382045c6 100644 --- a/.starters/i18n/content/fr/index.md +++ b/.starters/i18n/content/fr/index.md @@ -29,7 +29,7 @@ Docus rassemble le meilleur de l'écosystème Nuxt en une seule CLI. color: neutral icon: simple-icons-github size: xl - to: https://github.com/nuxt-ui-pro/docus + to: https://github.com/nuxt-content/docus variant: outline --- Voir sur GitHub @@ -61,10 +61,10 @@ Livré avec de nombreuses fonctionnalités to: https://ui.nuxt.com/ --- #title - Propulsé par [Nuxt UI Pro]{.text-primary} + Désigné par [Nuxt UI]{.text-primary} #description - Sexy, minimaliste et personnalisable. Docus intègre Nuxt UI Pro pour vous offrir la meilleure expérience pour écrire une documentation sans boilerplate, concentrez-vous simplement sur votre contenu. + Sexy, minimaliste et personnalisable. Docus intègre Nuxt UI pour vous offrir la meilleure expérience pour écrire une documentation sans boilerplate, concentrez-vous simplement sur votre contenu. ::: :::u-page-feature diff --git a/README.md b/README.md index eb5b45cbe..81aec113c 100644 --- a/README.md +++ b/README.md @@ -101,7 +101,7 @@ Your project comes pre-configured with the best of the Nuxt ecosystem: - [Nuxt 4](https://nuxt.com) - The web framework - [Nuxt Content](https://content.nuxt.com/) - File-based CMS -- [Nuxt UI Pro](https://ui.nuxt.com/pro) - Premium UI components +- [Nuxt UI](https://ui.nuxt.com) - UI components - [Nuxt Image](https://image.nuxt.com/) - Optimized images - [Tailwind CSS 4](https://tailwindcss.com/) - Utility-first CSS - [Docus Layer](https://www.npmjs.com/package/docus) - Documentation theme diff --git a/cli/README.md b/cli/README.md index bf0ea0dcf..e502ef313 100644 --- a/cli/README.md +++ b/cli/README.md @@ -119,7 +119,7 @@ Your project comes pre-configured with the best of the Nuxt ecosystem: - [Nuxt 4](https://nuxt.com) - The web framework - [Nuxt Content](https://content.nuxt.com/) - File-based CMS -- [Nuxt UI Pro](https://ui.nuxt.com/pro) - Premium UI components +- [Nuxt UI](https://ui.nuxt.com) - UI components - [Nuxt Image](https://image.nuxt.com/) - Optimized images - [Tailwind CSS 4](https://tailwindcss.com/) - Utility-first CSS - [Docus Layer](https://www.npmjs.com/package/docus) - Documentation theme diff --git a/docs/app/app.config.ts b/docs/app/app.config.ts index 64f39c4ee..e938350cd 100644 --- a/docs/app/app.config.ts +++ b/docs/app/app.config.ts @@ -11,19 +11,13 @@ export default defineAppConfig({ bottom: { links: [{ icon: 'i-lucide-book-open', - label: 'Nuxt UI Pro docs', - to: 'https://ui.nuxt.com/getting-started/installation/pro/nuxt', - target: '_blank', - }, - { - icon: 'i-lucide-credit-card', - label: 'Purchase a license', - to: 'https://ui.nuxt.com/pro/purchase', + label: 'Nuxt UI docs', + to: 'https://ui.nuxt.com/getting-started/installation/nuxt', target: '_blank', }], }, }, - uiPro: { + ui: { pageHero: { slots: { title: 'font-semibold sm:text-6xl', diff --git a/docs/app/assets/css/main.css b/docs/app/assets/css/main.css index 575f715fe..8d27bea41 100644 --- a/docs/app/assets/css/main.css +++ b/docs/app/assets/css/main.css @@ -1,5 +1,5 @@ @import "tailwindcss"; -@import "@nuxt/ui-pro"; +@import "@nuxt/ui"; @theme static { --font-sans: 'Public Sans', sans-serif; diff --git a/docs/content/en/1.getting-started/2.introduction.md b/docs/content/en/1.getting-started/2.introduction.md index f3a21cc11..64ece0ec3 100644 --- a/docs/content/en/1.getting-started/2.introduction.md +++ b/docs/content/en/1.getting-started/2.introduction.md @@ -9,11 +9,11 @@ seo: effortlessly with Docus. --- -Welcome to **Docus**, a fully integrated documentation solution built with [Nuxt UI Pro](https://ui.nuxt.com/pro). +Welcome to **Docus**, a fully integrated documentation solution built with [Nuxt UI](https://ui.nuxt.com). ## What is Docus? -Docus is a theme based on the [UI Pro documentation template](https://docs-template.nuxt.dev/). While the visual style comes ready out of the box, your focus should be on writing content using the Markdown and [MDC syntax](https://content.nuxt.com/docs/files/markdown#mdc-syntax) provided by [Nuxt Content](https://content.nuxt.com). +Docus is a theme based on the [UI documentation template](https://docs-template.nuxt.dev/). While the visual style comes ready out of the box, your focus should be on writing content using the Markdown and [MDC syntax](https://content.nuxt.com/docs/files/markdown#mdc-syntax) provided by [Nuxt Content](https://content.nuxt.com). We use this theme across all our Nuxt module documentations, including: @@ -64,7 +64,7 @@ We use this theme across all our Nuxt module documentations, including: This theme includes a range of features designed to improve documentation management: - **Powered by** [**Nuxt 4**](https://nuxt.com): Utilizes the latest Nuxt framework for optimal performance. -- **Built with** [**Nuxt UI**](https://ui.nuxt.com) **and** [**Nuxt UI Pro**](https://ui.nuxt.com/pro): Integrates a comprehensive suite of UI components. +- **Built with** [**Nuxt UI**](https://ui.nuxt.com): Integrates a comprehensive suite of UI components. - [**MDC Syntax**](https://content.nuxt.com/usage/markdown) **via** [**Nuxt Content**](https://content.nuxt.com): Supports Markdown with component integration for dynamic content. - [**Nuxt Studio**](https://content.nuxt.com/docs/studio) **Compatible**: Write and edit your content visually. No Markdown knowledge is required! - **Auto-generated Sidebar Navigation**: Automatically generates navigation from content structure. diff --git a/docs/content/en/1.getting-started/3.installation.md b/docs/content/en/1.getting-started/3.installation.md index 176f100bd..ba38c2479 100644 --- a/docs/content/en/1.getting-started/3.installation.md +++ b/docs/content/en/1.getting-started/3.installation.md @@ -65,7 +65,7 @@ From your user or team dashboard, click the `New project` button then choose `St ### Deploy in one click -Once your project has been created and you're in the project dashboard, navigate to the `Deploy` section, choose the `GitHub Pages` tab and set your [Nuxt UI Pro license](https://ui.nuxt.com/pro/pricing) (`NUXT_UI_PRO_LICENSE` ) in the environment variables then click on the **Deploy** button. +Once your project has been created and you're in the project dashboard, navigate to the `Deploy` section, choose the `GitHub Pages` tab then click on the **Deploy** button. :::prose-note --- @@ -80,7 +80,3 @@ Once the deployment is achieved, you'll be able to display the preview of your d :video{controls loop poster="https://res.cloudinary.com/nuxt/video/upload/v1747230893/studio/wzt9zfmdvk7hgmdx3cnt.jpg" src="https://res.cloudinary.com/nuxt/video/upload/v1747230893/studio/wzt9zfmdvk7hgmdx3cnt.mp4"} :: - -::prose-tip{to="https://content.nuxt.com/docs/studio/debug"} -If you want to try Docus and Nuxt Studio in develoment mode without an UI Pro license, you can check the Nuxt Content documentation for local setup with Nuxt Studio. -:: diff --git a/docs/content/en/1.getting-started/6.migration.md b/docs/content/en/1.getting-started/6.migration.md index 7e56cc8af..7a1640e1a 100644 --- a/docs/content/en/1.getting-started/6.migration.md +++ b/docs/content/en/1.getting-started/6.migration.md @@ -26,7 +26,7 @@ Your existing Markdown content and MDC syntax will work without changes. The mig ## **Migrating to Docus** -Already using a Markdown-based solution for your documentation? Whether it’s **Docus v1**, the **Nuxt UI Pro docs template**, or another static site setup, migrating to Docus is simple and straightforward. +Already using a Markdown-based solution for your documentation? Whether it’s **Docus v1**, the **Nuxt UI docs template**, or another static site setup, migrating to Docus is simple and straightforward. Docus offers a clean and maintainable solution with a single dependency: the Docus library itself. There’s no need to manage multiple dependencies. With everything built-in and maintained together, keeping your documentation up to date is easier than ever. diff --git a/docs/content/en/1.getting-started/7.troubleshooting.md b/docs/content/en/1.getting-started/7.troubleshooting.md index 51d7d094e..dddc27b7f 100644 --- a/docs/content/en/1.getting-started/7.troubleshooting.md +++ b/docs/content/en/1.getting-started/7.troubleshooting.md @@ -23,7 +23,7 @@ When prompted, select `better-sqlite3` and `sharp` from the list of packages to ### Enable shameful hoisting (compatibility mode) -If you see errors such as `Can't resolve 'tailwindcss'` or `Can't resolve '@nuxt/ui-pro'` you don't necessary need to import them, you can just apply a flat `node_modules` layout (like npm or yarn). +If you see errors such as `Can't resolve 'tailwindcss'` or `Can't resolve '@nuxt/ui'` you don't necessary need to import them, you can just apply a flat `node_modules` layout (like npm or yarn). You can enable compatibility mode by creating a `.npmrc` file with: diff --git a/docs/content/en/2.concepts/3.configuration.md b/docs/content/en/2.concepts/3.configuration.md index d343faeac..a8a86ced4 100644 --- a/docs/content/en/2.concepts/3.configuration.md +++ b/docs/content/en/2.concepts/3.configuration.md @@ -149,13 +149,8 @@ export default defineAppConfig({ title: 'Community', links: [{ 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://ui.nuxt.com/getting-started/installation/nuxt', target: '_blank' }] } @@ -175,7 +170,7 @@ You can customize the `url`, `branch` and `rootDir` of your docs application by ```ts [app.config.ts] export default defineAppConfig({ github: { - url: 'https://github.com/nuxt-ui-pro/docus', + url: 'https://github.com/nuxt-content/docus', branch: 'main', rootDir: 'docs' } diff --git a/docs/content/en/2.concepts/4.theme.md b/docs/content/en/2.concepts/4.theme.md index b5f9312dc..bf9f1842e 100644 --- a/docs/content/en/2.concepts/4.theme.md +++ b/docs/content/en/2.concepts/4.theme.md @@ -23,7 +23,7 @@ This way you can override your theme: ::code-group ```css [assets/css/main.css] @import "tailwindcss"; -@import "@nuxt/ui-pro"; +@import "@nuxt/ui"; @theme static { --font-sans: 'Public Sans', sans-serif; @@ -46,7 +46,7 @@ This way you can override your theme: ```ts [nuxt.config.ts] export default defineNuxtConfig({ - modules: ['@nuxt/ui-pro'], + modules: ['@nuxt/ui'], css: ['~/assets/css/main.css'] }) ``` diff --git a/docs/content/en/3.essentials/1.markdown-syntax.md b/docs/content/en/3.essentials/1.markdown-syntax.md index c291d9331..6287e25c3 100644 --- a/docs/content/en/3.essentials/1.markdown-syntax.md +++ b/docs/content/en/3.essentials/1.markdown-syntax.md @@ -68,11 +68,11 @@ To create a link, wrap the link text in brackets `[]()`. --- class: "[&>div]:*:my-0" --- -[Nuxt UI Pro](https://ui.nuxt.com/getting-started/installation/pro/nuxt) +[Nuxt UI](https://ui.nuxt.com/getting-started/installation/nuxt) #code ```mdc -[Nuxt UI Pro](https://ui.nuxt.com/getting-started/installation/pro/nuxt) +[Nuxt UI](https://ui.nuxt.com/getting-started/installation/nuxt) ``` :: @@ -194,11 +194,11 @@ Single-line blockquotes are best for short, impactful quotes or citations that f --- class: "[&>div]:*:my-0" --- -> Nuxt UI Pro is a collection of Vue components, composables and utils built on top of Nuxt UI, oriented on structure and layout and designed to be used as building blocks for your app. +> Nuxt UI is a collection of Vue components, composables and utils, oriented on structure and layout and designed to be used as building blocks for your app. #code ```mdc -> Nuxt UI Pro is a collection of Vue components, composables and utils built on top of Nuxt UI, oriented on structure and layout and designed to be used as building blocks for your app. +> Nuxt UI is a collection of Vue components, composables and utils, oriented on structure and layout and designed to be used as building blocks for your app. ``` :: @@ -210,14 +210,14 @@ Multi-line blockquotes are suitable for longer quotes or when you need to includ --- class: "[&>div]:*:my-0" --- -> Nuxt UI Pro is a collection of Vue components, composables and utils built on top of Nuxt UI, oriented on structure and layout and designed to be used as building blocks for your app. +> Nuxt UI is a collection of Vue components, composables and utils, oriented on structure and layout and designed to be used as building blocks for your app. > -> Create beautiful, responsive, and accessible Vue applications with Nuxt UI Pro. +> Create beautiful, responsive, and accessible Vue applications with Nuxt UI. #code ```mdc -> Nuxt UI Pro is a collection of Vue components, composables and utils built on top of Nuxt UI, oriented on structure and layout and designed to be used as building blocks for your app. +> Nuxt UI is a collection of Vue components, composables and utils, oriented on structure and layout and designed to be used as building blocks for your app. > -> Create beautiful, responsive, and accessible Vue applications with Nuxt UI Pro. +> Create beautiful, responsive, and accessible Vue applications with Nuxt UI. ``` :: diff --git a/docs/content/en/3.essentials/2.code-blocks.md b/docs/content/en/3.essentials/2.code-blocks.md index 09a1ad105..7c88eaf49 100644 --- a/docs/content/en/3.essentials/2.code-blocks.md +++ b/docs/content/en/3.essentials/2.code-blocks.md @@ -33,7 +33,7 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" --- ```ts export default defineNuxtConfig({ - modules: ['@nuxt/ui-pro'] + modules: ['@nuxt/ui'] }) ``` @@ -41,7 +41,7 @@ export default defineNuxtConfig({ ````mdc ```ts export default defineNuxtConfig({ - modules: ['@nuxt/ui-pro'] + modules: ['@nuxt/ui'] }) ``` ```` @@ -56,7 +56,7 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" --- ```ts [nuxt.config.ts] export default defineNuxtConfig({ - modules: ['@nuxt/ui-pro'] + modules: ['@nuxt/ui'] }) ``` @@ -64,7 +64,7 @@ export default defineNuxtConfig({ ````mdc ```ts [nuxt.config.ts] export default defineNuxtConfig({ - modules: ['@nuxt/ui-pro'] + modules: ['@nuxt/ui'] }) ``` ```` @@ -77,7 +77,7 @@ Icons are already defined by default, but you can customize them in your `app.co ```ts [app.config.ts] export default defineAppConfig({ - uiPro: { + ui: { prose: { codeIcon: { terminal: 'i-ph-terminal-window-duotone' @@ -100,19 +100,19 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" --- :::code-group{.w-full} ```bash [pnpm] - pnpm add @nuxt/ui-pro@next + pnpm add @nuxt/ui ``` ```bash [yarn] - yarn add @nuxt/ui-pro@next + yarn add @nuxt/ui ``` ```bash [npm] - npm install @nuxt/ui-pro@next + npm install @nuxt/ui ``` ```bash [bun] - bun add @nuxt/ui-pro@next + bun add @nuxt/ui ``` ::: @@ -121,19 +121,19 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" :::code-group ```bash [pnpm] -pnpm add @nuxt/ui-pro@next +pnpm add @nuxt/ui ``` ```bash [yarn] -yarn add @nuxt/ui-pro@next +yarn add @nuxt/ui ``` ```bash [npm] -npm install @nuxt/ui-pro@next +npm install @nuxt/ui ``` ```bash [bun] -bun add @nuxt/ui-pro@next +bun add @nuxt/ui ``` :: @@ -148,7 +148,7 @@ Display code blocks in a file tree view using `code-tree`. `code-tree` is excell :::code-tree{default-value="app/app.config.ts"} ```ts [nuxt.config.ts] export default defineNuxtConfig({ - modules: ['@nuxt/ui-pro'], + modules: ['@nuxt/ui'], future: { compatibilityVersion: 4 @@ -161,7 +161,7 @@ Display code blocks in a file tree view using `code-tree`. `code-tree` is excell ```css [app/assets/css/main.css] @import "tailwindcss"; - @import "@nuxt/ui-pro"; + @import "@nuxt/ui"; ``` ```ts [app/app.config.ts] @@ -199,13 +199,13 @@ Display code blocks in a file tree view using `code-tree`. `code-tree` is excell }, "dependencies": { "@iconify-json/lucide": "^1.2.18", - "@nuxt/ui-pro": "3.0.0-alpha.10", - "nuxt": "^3.15.1" + "@nuxt/ui": "4.0.0-alpha.1", + "nuxt": "^4.1.0" }, "devDependencies": { - "eslint": "9.20.1", - "typescript": "^5.7.2", - "vue-tsc": "^2.2.0" + "eslint": "^9.34.0", + "typescript": "^5.9.3", + "vue-tsc": "^3.0.6" } } ``` @@ -342,7 +342,7 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" :::code-collapse{class="[&>div]:my-0"} ```css [main.css] @import "tailwindcss"; - @import "@nuxt/ui-pro"; + @import "@nuxt/ui"; @theme { --font-sans: 'Public Sans', sans-serif; @@ -370,7 +370,7 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" ```css [main.css] @import "tailwindcss"; -@import "@nuxt/ui-pro"; +@import "@nuxt/ui"; @theme { --font-sans: 'Public Sans', sans-serif; diff --git a/docs/content/en/3.essentials/3.components.md b/docs/content/en/3.essentials/3.components.md index 1c873d95e..fff025ed6 100644 --- a/docs/content/en/3.essentials/3.components.md +++ b/docs/content/en/3.essentials/3.components.md @@ -1,7 +1,7 @@ --- title: Markdown Components description: Use Markdown components to help you structure your content, with - the help of Nuxt UI Pro. + the help of Nuxt UI. navigation: icon: i-lucide-component title: Components @@ -9,10 +9,10 @@ navigation: Prose components are replacements for HTML typography tags. They provide a simple way to customize your UI when using Markdown. -**Docus and Nuxt UI Pro** provides a set of styled and beautiful prose components to help you write your documentation using the [MDC syntax](https://content.nuxt.com/docs/files/markdown#mdc-syntax). +**Docus and Nuxt UI** provides a set of styled and beautiful prose components to help you write your documentation using the [MDC syntax](https://content.nuxt.com/docs/files/markdown#mdc-syntax). ::prose-note{to="https://ui.nuxt.com/getting-started"} -This page highlights only the prose components best suited for writing documentation. However, you can use **any Nuxt UI or Nuxt UI Pro component** in your Markdown. For the full list of available components, visit the Nuxt UI documentation. +This page highlights only the prose components best suited for writing documentation. However, you can use **any Nuxt UI or Nuxt UI component** in your Markdown. For the full list of available components, visit the Nuxt UI documentation. :: ### `Accordion` @@ -27,7 +27,7 @@ Use the `accordion` and `accordion-item` components to display an [Accordion](ht icon: i-lucide-circle-help label: What is Docus and what are its key features?? --- - Docus is a fully integrated documentation solution built with Nuxt UI Pro. It's a theme based on the UI Pro documentation template that provides a ready-to-use visual. User can focus on content using Markdown and MDC syntax. + Docus is a fully integrated documentation solution built with Nuxt UI. It's a theme based on the UI documentation template that provides a ready-to-use visual. User can focus on content using Markdown and MDC syntax. ::::: :::::accordion-item @@ -38,8 +38,8 @@ Use the `accordion` and `accordion-item` components to display an [Accordion](ht The only thing you need to start a Docus project is a `content/` folder. You can have a check at the starter for a quick start. ::::: - :::::accordion-item{icon="i-lucide-circle-help" label="What is Nuxt UI Pro?"} - Nuxt UI Pro is a collection of premium Vue components, composables and utils built on top of [Nuxt UI](https://ui.nuxt.com/). Nuxt UI Pro is free in development, but you need a license to use it in production. + :::::accordion-item{icon="i-lucide-circle-help" label="What is Nuxt UI?"} + [Nuxt UI](https://ui.nuxt.com/) is a collection of premium Vue components, composables and utils. ::::: :::: ::: @@ -49,15 +49,15 @@ Use the `accordion` and `accordion-item` components to display an [Accordion](ht ::accordion :::accordion-item{label="What is Docus and what are its key features??" icon="i-lucide-circle-help"} - Docus is a fully integrated documentation solution built with Nuxt UI Pro. It's a theme based on the UI Pro documentation template that provides a ready-to-use visual. User can focus on content using Markdown and MDC syntax. + Docus is a fully integrated documentation solution built with Nuxt UI. It's a theme based on the UI documentation template that provides a ready-to-use visual. User can focus on content using Markdown and MDC syntax. ::: :::accordion-item{label="How do I get started with Docus?" icon="i-lucide-circle-help"} The only thing you need to start a Docus project is a `content/` folder. You can have a check at the starter for a quick start. ::: - :::accordion-item{label="What is Nuxt UI Pro?" icon="i-lucide-circle-help"} - Nuxt UI Pro is a collection of premium Vue components, composables and utils built on top of [Nuxt UI](https://ui.nuxt.com/). Nuxt UI Pro is free in development, but you need a license to use it in production. + :::accordion-item{label="What is Nuxt UI?" icon="i-lucide-circle-help"} + [Nuxt UI](https://ui.nuxt.com/) is a collection of premium Vue components, composables and utils. ::: :: ``` @@ -150,7 +150,7 @@ Wrap your `card` components with the `card-group` component to group them togeth icon: i-simple-icons-github target: _blank title: Dashboard - to: https://github.com/nuxt-ui-pro/dashboard + to: https://github.com/nuxt-ui-templates/dashboard --- A dashboard with multi-column layout. ::::: @@ -160,7 +160,7 @@ Wrap your `card` components with the `card-group` component to group them togeth icon: i-simple-icons-github target: _blank title: SaaS - to: https://github.com/nuxt-ui-pro/saas + to: https://github.com/nuxt-ui-templates/saas --- A template with landing, pricing, docs and blog. ::::: @@ -170,7 +170,7 @@ Wrap your `card` components with the `card-group` component to group them togeth icon: i-simple-icons-github target: _blank title: Docs - to: https://github.com/nuxt-ui-pro/docs + to: https://github.com/nuxt-ui-templates/docs --- A documentation with `@nuxt/content`. ::::: @@ -180,7 +180,7 @@ Wrap your `card` components with the `card-group` component to group them togeth icon: i-simple-icons-github target: _blank title: Landing - to: https://github.com/nuxt-ui-pro/landing + to: https://github.com/nuxt-ui-templates/landing --- A landing page you can use as starting point. ::::: @@ -195,7 +195,7 @@ Wrap your `card` components with the `card-group` component to group them togeth --- title: Dashboard icon: i-simple-icons-github - to: https://github.com/nuxt-ui-pro/dashboard + to: https://github.com/nuxt-ui-templates/dashboard target: _blank --- A dashboard with multi-column layout. @@ -205,7 +205,7 @@ Wrap your `card` components with the `card-group` component to group them togeth --- title: SaaS icon: i-simple-icons-github - to: https://github.com/nuxt-ui-pro/saas + to: https://github.com/nuxt-ui-templates/saas target: _blank --- A template with landing, pricing, docs and blog. @@ -215,7 +215,7 @@ Wrap your `card` components with the `card-group` component to group them togeth --- title: Docs icon: i-simple-icons-github - to: https://github.com/nuxt-ui-pro/docs + to: https://github.com/nuxt-ui-templates/docs target: _blank --- A documentation with `@nuxt/content`. @@ -225,7 +225,7 @@ Wrap your `card` components with the `card-group` component to group them togeth --- title: Landing icon: i-simple-icons-github - to: https://github.com/nuxt-ui-pro/landing + to: https://github.com/nuxt-ui-templates/landing target: _blank --- A landing page you can use as starting point. @@ -393,7 +393,7 @@ Use the `level` prop to define which heading will be used for the steps. #### Start a fresh new project ```bash [Terminal] - npx nuxi init -t github:nuxt-ui-pro/docus + npx nuxi init -t github:nuxt-content/docus ``` #### Run docus CLI to run your dev server @@ -410,7 +410,7 @@ Use the `level` prop to define which heading will be used for the steps. #### Start a fresh new project ```bash [Terminal] - npx nuxi init -t github:nuxt-ui-pro/docus + npx nuxi init -t github:nuxt-content/docus ``` #### Run docus CLI to run your dev server diff --git a/docs/content/en/index.md b/docs/content/en/index.md index 03557fe07..d6795dd7b 100644 --- a/docs/content/en/index.md +++ b/docs/content/en/index.md @@ -3,7 +3,7 @@ seo: title: Write beautiful docs with Markdown description: Ship fast, flexible, and SEO-optimized documentation with beautiful design out of the box. Docus brings together the best of the Nuxt ecosystem. - Powered by Nuxt UI Pro. + Powered by Nuxt UI. --- ::u-page-hero @@ -66,13 +66,13 @@ Docus brings the best of the Nuxt ecosystem. spotlight: true class: col-span-2 target: _blank - to: https://ui.nuxt.com/pro + to: https://ui.nuxt.com --- :::::u-color-mode-image --- height: 320 width: 859 - alt: Beautiful visual powered by UI Pro + alt: Beautiful visual powered by UI class: w-full h-80 object-cover rounded-lg dark: /landing/dark/templates-ui-pro.webp light: /landing/light/templates-ui-pro.webp @@ -80,10 +80,10 @@ Docus brings the best of the Nuxt ecosystem. ::::: #title - Powered by [Nuxt UI Pro]{.text-primary} + Powered by [Nuxt UI]{.text-primary} #description - Beautiful out of the box, minimal by design but highly customizable. Docus leverages Nuxt UI Pro to give you the best docs writing experience with zero boilerplate, just focus on your content. + Beautiful out of the box, minimal by design but highly customizable. Docus leverages Nuxt UI to give you the best docs writing experience with zero boilerplate, just focus on your content. :::: ::::u-page-card diff --git a/docs/content/fr/1.getting-started/2.introduction.md b/docs/content/fr/1.getting-started/2.introduction.md index b4a7f4352..1762b956e 100644 --- a/docs/content/fr/1.getting-started/2.introduction.md +++ b/docs/content/fr/1.getting-started/2.introduction.md @@ -9,11 +9,11 @@ seo: facilement avec Docus. --- -Bienvenue sur **Docus**, une solution de documentation entièrement intégrée construite avec [Nuxt UI Pro](https://ui.nuxt.com/pro). +Bienvenue sur **Docus**, une solution de documentation entièrement intégrée construite avec [Nuxt UI](https://ui.nuxt.com). ## Qu'est-ce que Docus ? -Docus est un thème basé sur le [template de documentation UI Pro](https://docs-template.nuxt.dev/). Le style visuel est prêt à l'emploi, votre priorité doit être d'écrire du contenu en utilisant la syntaxe Markdown et [MDC](https://content.nuxt.com/docs/files/markdown#mdc-syntax) fournie par [Nuxt Content](https://content.nuxt.com). +Docus est un thème basé sur le [template de documentation UI](https://docs-template.nuxt.dev/). Le style visuel est prêt à l'emploi, votre priorité doit être d'écrire du contenu en utilisant la syntaxe Markdown et [MDC](https://content.nuxt.com/docs/files/markdown#mdc-syntax) fournie par [Nuxt Content](https://content.nuxt.com). Nous utilisons ce thème pour toutes nos documentations de modules Nuxt, y compris : @@ -64,7 +64,7 @@ Nous utilisons ce thème pour toutes nos documentations de modules Nuxt, y compr Ce thème inclut de nombreuses fonctionnalités pour améliorer la gestion de votre documentation : - **Propulsé par** [**Nuxt 4**](https://nuxt.com) : Utilise le dernier framework Nuxt pour des performances optimales. -- **Construit avec** [**Nuxt UI**](https://ui.nuxt.com) **et** [**Nuxt UI Pro**](https://ui.nuxt.com/pro) : Intègre une suite complète de composants UI. +- **Construit avec** [**Nuxt UI**](https://ui.nuxt.com): Intègre une suite complète de composants UI. - [**Syntaxe MDC**](https://content.nuxt.com/usage/markdown) **via** [**Nuxt Content**](https://content.nuxt.com) : Prend en charge le Markdown avec intégration de composants pour du contenu dynamique. - [**Nuxt Studio**](https://content.nuxt.com/docs/studio) **Compatible** : Rédigez et éditez votre contenu visuellement. Aucune connaissance Markdown requise ! - **Navigation latérale auto-générée** : Génère automatiquement la navigation à partir de la structure du contenu. diff --git a/docs/content/fr/1.getting-started/3.installation.md b/docs/content/fr/1.getting-started/3.installation.md index f764ed6bc..087f37432 100644 --- a/docs/content/fr/1.getting-started/3.installation.md +++ b/docs/content/fr/1.getting-started/3.installation.md @@ -65,7 +65,7 @@ Depuis votre tableau de bord utilisateur ou équipe, cliquez sur le bouton `New ### Déployez en un clic -Une fois votre projet créé et dans le tableau de bord du projet, rendez-vous dans la section `Deploy`, choisissez l'onglet `GitHub Pages` et renseignez votre [licence Nuxt UI Pro](https://ui.nuxt.com/pro/pricing) (`NUXT_UI_PRO_LICENSE`) dans les variables d'environnement puis cliquez sur le bouton **Deploy**. +Une fois votre projet créé et dans le tableau de bord du projet, rendez-vous dans la section `Deploy`, choisissez l'onglet `GitHub Pages` puis cliquez sur le bouton **Deploy**. :::prose-note --- @@ -80,7 +80,3 @@ Une fois le déploiement terminé, vous pourrez afficher l'aperçu de votre docu :video{controls loop poster="https://res.cloudinary.com/nuxt/video/upload/v1747230893/studio/wzt9zfmdvk7hgmdx3cnt.jpg" src="https://res.cloudinary.com/nuxt/video/upload/v1747230893/studio/wzt9zfmdvk7hgmdx3cnt.mp4"} :: - -::prose-tip{to="https://content.nuxt.com/docs/studio/debug"} -Si vous souhaitez essayer Docus et Nuxt Studio en mode développement sans licence UI Pro, consultez la documentation Nuxt Content pour une configuration locale avec Nuxt Studio. -:: diff --git a/docs/content/fr/1.getting-started/6.migration.md b/docs/content/fr/1.getting-started/6.migration.md index 0acaebbc6..262b5577c 100644 --- a/docs/content/fr/1.getting-started/6.migration.md +++ b/docs/content/fr/1.getting-started/6.migration.md @@ -25,7 +25,7 @@ Votre contenu Markdown existant fonctionnera sans changements. La migration conc ## **Migrer vers Docus** -Vous utilisez déjà une solution basée sur Markdown pour votre documentation ? Que ce soit **Docus v1**, le **template de docs Nuxt UI Pro**, ou une autre solution de site statique, migrer vers Docus est simple et direct. +Vous utilisez déjà une solution basée sur Markdown pour votre documentation ? Que ce soit **Docus v1**, le **template de docs Nuxt UI**, ou une autre solution de site statique, migrer vers Docus est simple et direct. Docus offre une solution propre et maintenable avec une seule dépendance : la bibliothèque Docus elle-même. Plus besoin de gérer de multiples dépendances. Tout est intégré et maintenu ensemble, ce qui facilite la mise à jour de votre documentation. diff --git a/docs/content/fr/1.getting-started/7.troubleshooting.md b/docs/content/fr/1.getting-started/7.troubleshooting.md index a179861b9..7e480ff9c 100644 --- a/docs/content/fr/1.getting-started/7.troubleshooting.md +++ b/docs/content/fr/1.getting-started/7.troubleshooting.md @@ -21,7 +21,7 @@ Lorsque vous y êtes invité, sélectionnez `better-sqlite3` et `sharp` dans la ### Activer le *shameful hoisting* (mode compatibilité) -Si vous voyez des erreurs du type `Can't resolve 'tailwindcss'` ou `Can't resolve '@nuxt/ui-pro'`, vous n’avez pas forcément besoin de les importer. Vous pouvez simplement appliquer une structure flat des `node_modules` (comme avec npm ou yarn). +Si vous voyez des erreurs du type `Can't resolve 'tailwindcss'` ou `Can't resolve '@nuxt/ui'`, vous n’avez pas forcément besoin de les importer. Vous pouvez simplement appliquer une structure flat des `node_modules` (comme avec npm ou yarn). Vous pouvez activer le mode compatibilité en créant un fichier `.npmrc` contenant : diff --git a/docs/content/fr/2.concepts/3.configuration.md b/docs/content/fr/2.concepts/3.configuration.md index 12de4f4f0..80459bbf7 100644 --- a/docs/content/fr/2.concepts/3.configuration.md +++ b/docs/content/fr/2.concepts/3.configuration.md @@ -150,13 +150,8 @@ export default defineAppConfig({ title: 'Communauté', links: [{ icon: 'i-lucide-book-open', - label: 'Docs Nuxt UI Pro', - to: 'https://ui.nuxt.com/getting-started/installation/pro/nuxt', - target: '_blank' - }, { - icon: 'i-simple-icons-nuxtdotjs', - label: 'Acheter une licence', - to: 'https://ui.nuxt.com/pro/purchase', + label: 'Docs Nuxt UI', + to: 'https://ui.nuxt.com/getting-started/installation/nuxt', target: '_blank' }] } @@ -176,7 +171,7 @@ Vous pouvez personnaliser l'`url`, la `branch` et le `rootDir` en ajoutant la co ```ts [app.config.ts] export default defineAppConfig({ github: { - url: 'https://github.com/nuxt-ui-pro/docus', + url: 'https://github.com/nuxt-content/docus', branch: 'main' } }) diff --git a/docs/content/fr/2.concepts/4.theme.md b/docs/content/fr/2.concepts/4.theme.md index 06fc00ed2..8305591f6 100644 --- a/docs/content/fr/2.concepts/4.theme.md +++ b/docs/content/fr/2.concepts/4.theme.md @@ -23,7 +23,7 @@ De cette façon, vous pouvez surcharger votre thème : ::code-group ```css [assets/css/main.css] @import "tailwindcss"; -@import "@nuxt/ui-pro"; +@import "@nuxt/ui"; @theme static { --font-sans: 'Public Sans', sans-serif; @@ -46,7 +46,7 @@ De cette façon, vous pouvez surcharger votre thème : ```ts [nuxt.config.ts] export default defineNuxtConfig({ - modules: ['@nuxt/ui-pro'], + modules: ['@nuxt/ui'], css: ['~/assets/css/main.css'] }) ``` diff --git a/docs/content/fr/3.essentials/1.markdown-syntax.md b/docs/content/fr/3.essentials/1.markdown-syntax.md index 142ed808e..896ca9816 100644 --- a/docs/content/fr/3.essentials/1.markdown-syntax.md +++ b/docs/content/fr/3.essentials/1.markdown-syntax.md @@ -68,11 +68,11 @@ Pour créer un lien, entourez le texte du lien avec des crochets `[]()`. --- class: "[&>div]:*:my-0" --- -[Nuxt UI Pro](https://ui.nuxt.com/getting-started/installation/pro/nuxt) +[Nuxt UI](https://ui.nuxt.com/getting-started/installation/nuxt) #code ```mdc -[Nuxt UI Pro](https://ui.nuxt.com/getting-started/installation/pro/nuxt) +[Nuxt UI](https://ui.nuxt.com/getting-started/installation/nuxt) ``` :: @@ -194,11 +194,11 @@ Les citations sur une seule ligne sont idéales pour des citations courtes et pe --- class: "[&>div]:*:my-0" --- -> Nuxt UI Pro est une collection de composants Vue, de composables et d'utilitaires construits sur Nuxt UI, orientés structure et layout, conçus comme des blocs de construction pour votre application. +> Nuxt UI est une collection de composants Vue, de composables et d'utilitaires construits sur Nuxt UI, orientés structure et layout, conçus comme des blocs de construction pour votre application. #code ```mdc -> Nuxt UI Pro est une collection de composants Vue, de composables et d'utilitaires construits sur Nuxt UI, orientés structure et layout, conçus comme des blocs de construction pour votre application. +> Nuxt UI est une collection de composants Vue, de composables et d'utilitaires construits sur Nuxt UI, orientés structure et layout, conçus comme des blocs de construction pour votre application. ``` :: @@ -210,14 +210,14 @@ Les citations multiligne conviennent aux citations plus longues ou pour inclure --- class: "[&>div]:*:my-0" --- -> Nuxt UI Pro est une collection de composants Vue, de composables et d'utilitaires construits sur Nuxt UI, orientés structure et layout, conçus comme des blocs de construction pour votre application. +> Nuxt UI est une collection de composants Vue, de composables et d'utilitaires construits sur Nuxt UI, orientés structure et layout, conçus comme des blocs de construction pour votre application. > -> Créez de belles applications Vue réactives et accessibles avec Nuxt UI Pro. +> Créez de belles applications Vue réactives et accessibles avec Nuxt UI. #code ```mdc -> Nuxt UI Pro est une collection de composants Vue, de composables et d'utilitaires construits sur Nuxt UI, orientés structure et layout, conçus comme des blocs de construction pour votre application. +> Nuxt UI est une collection de composants Vue, de composables et d'utilitaires construits sur Nuxt UI, orientés structure et layout, conçus comme des blocs de construction pour votre application. > -> Créez de belles applications Vue réactives et accessibles avec Nuxt UI Pro. +> Créez de belles applications Vue réactives et accessibles avec Nuxt UI. ``` :: diff --git a/docs/content/fr/3.essentials/2.code-blocks.md b/docs/content/fr/3.essentials/2.code-blocks.md index 5fec6b94f..a06f1bb5d 100644 --- a/docs/content/fr/3.essentials/2.code-blocks.md +++ b/docs/content/fr/3.essentials/2.code-blocks.md @@ -33,7 +33,7 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" --- ```ts export default defineNuxtConfig({ - modules: ['@nuxt/ui-pro'] + modules: ['@nuxt/ui'] }) ``` @@ -41,7 +41,7 @@ export default defineNuxtConfig({ ````mdc ```ts export default defineNuxtConfig({ - modules: ['@nuxt/ui-pro'] + modules: ['@nuxt/ui'] }) ``` ```` @@ -56,7 +56,7 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" --- ```ts [nuxt.config.ts] export default defineNuxtConfig({ - modules: ['@nuxt/ui-pro'] + modules: ['@nuxt/ui'] }) ``` @@ -64,7 +64,7 @@ export default defineNuxtConfig({ ````mdc ```ts [nuxt.config.ts] export default defineNuxtConfig({ - modules: ['@nuxt/ui-pro'] + modules: ['@nuxt/ui'] }) ``` ```` @@ -77,7 +77,7 @@ Les icônes sont déjà définies par défaut, mais vous pouvez les personnalise ```ts [app.config.ts] export default defineAppConfig({ - uiPro: { + ui: { prose: { codeIcon: { terminal: 'i-ph-terminal-window-duotone' @@ -100,19 +100,19 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" --- :::code-group{.w-full} ```bash [pnpm] - pnpm add @nuxt/ui-pro@next + pnpm add @nuxt/ui ``` ```bash [yarn] - yarn add @nuxt/ui-pro@next + yarn add @nuxt/ui ``` ```bash [npm] - npm install @nuxt/ui-pro@next + npm install @nuxt/ui ``` ```bash [bun] - bun add @nuxt/ui-pro@next + bun add @nuxt/ui ``` ::: @@ -121,19 +121,19 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" :::code-group ```bash [pnpm] -pnpm add @nuxt/ui-pro@next +pnpm add @nuxt/ui ``` ```bash [yarn] -yarn add @nuxt/ui-pro@next +yarn add @nuxt/ui ``` ```bash [npm] -npm install @nuxt/ui-pro@next +npm install @nuxt/ui ``` ```bash [bun] -bun add @nuxt/ui-pro@next +bun add @nuxt/ui ``` :: @@ -148,11 +148,7 @@ Affichez des blocs de code dans une vue arborescente avec `code-tree`. `code-tre :::code-tree{default-value="app/app.config.ts"} ```ts [nuxt.config.ts] export default defineNuxtConfig({ - modules: ['@nuxt/ui-pro'], - - future: { - compatibilityVersion: 4 - }, + modules: ['@nuxt/ui'], css: ['~/assets/css/main.css'] }) @@ -161,7 +157,7 @@ Affichez des blocs de code dans une vue arborescente avec `code-tree`. `code-tre ```css [app/assets/css/main.css] @import "tailwindcss"; - @import "@nuxt/ui-pro"; + @import "@nuxt/ui"; ``` ```ts [app/app.config.ts] @@ -199,13 +195,13 @@ Affichez des blocs de code dans une vue arborescente avec `code-tree`. `code-tre }, "dependencies": { "@iconify-json/lucide": "^1.2.18", - "@nuxt/ui-pro": "3.0.0-alpha.10", - "nuxt": "^3.15.1" + "@nuxt/ui": "4.0.0-alpha.1", + "nuxt": "^4.1.0" }, "devDependencies": { - "eslint": "9.20.1", - "typescript": "^5.7.2", - "vue-tsc": "^2.2.0" + "eslint": "^9.34.0", + "typescript": "^5.9.3", + "vue-tsc": "^3.0.6" } } ``` @@ -342,7 +338,7 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" :::code-collapse{class="[&>div]:my-0"} ```css [main.css] @import "tailwindcss"; - @import "@nuxt/ui-pro"; + @import "@nuxt/ui"; @theme { --font-sans: 'Public Sans', sans-serif; @@ -370,7 +366,7 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full" ```css [main.css] @import "tailwindcss"; -@import "@nuxt/ui-pro"; +@import "@nuxt/ui"; @theme { --font-sans: 'Public Sans', sans-serif; diff --git a/docs/content/fr/3.essentials/3.components.md b/docs/content/fr/3.essentials/3.components.md index 5de0e9974..72a5da170 100644 --- a/docs/content/fr/3.essentials/3.components.md +++ b/docs/content/fr/3.essentials/3.components.md @@ -1,6 +1,6 @@ --- title: Composants Markdown -description: Utilisez les composants Markdown pour structurer votre contenu, avec l'aide de Nuxt UI Pro. +description: Utilisez les composants Markdown pour structurer votre contenu, avec l'aide de Nuxt UI. navigation: icon: i-lucide-component title: Composants @@ -8,10 +8,10 @@ navigation: Les composants prose sont des remplacements pour les balises de typographie HTML. Ils offrent un moyen simple de personnaliser votre interface lors de l'utilisation de Markdown. -**Docus et Nuxt UI Pro** fournissent un ensemble de composants prose stylés et élégants pour vous aider à rédiger votre documentation avec la [syntaxe MDC](https://content.nuxt.com/docs/files/markdown#mdc-syntax). +**Docus et Nuxt UI** fournissent un ensemble de composants prose stylés et élégants pour vous aider à rédiger votre documentation avec la [syntaxe MDC](https://content.nuxt.com/docs/files/markdown#mdc-syntax). ::prose-note{to="https://ui.nuxt.com/getting-started"} -Cette page met en avant uniquement les composants prose les plus adaptés à la rédaction de documentation. Cependant, vous pouvez utiliser **n'importe quel composant Nuxt UI ou Nuxt UI Pro** dans votre Markdown. Pour la liste complète des composants disponibles, consultez la documentation Nuxt UI. +Cette page met en avant uniquement les composants prose les plus adaptés à la rédaction de documentation. Cependant, vous pouvez utiliser **n'importe quel composant Nuxt UI** dans votre Markdown. Pour la liste complète des composants disponibles, consultez la documentation Nuxt UI. :: ### `Accordion` @@ -26,7 +26,7 @@ Utilisez les composants `accordion` et `accordion-item` pour afficher un [Accord icon: i-lucide-circle-help label: Qu'est-ce que Docus et quelles sont ses fonctionnalités clés ? --- - Docus est une solution de documentation entièrement intégrée construite avec Nuxt UI Pro. C'est un thème basé sur le template de documentation UI Pro qui fournit un visuel prêt à l'emploi. L'utilisateur peut se concentrer sur le contenu en utilisant Markdown et la syntaxe MDC. + Docus est une solution de documentation entièrement intégrée construite avec Nuxt UI. C'est un thème inspiré du template de documentation Nuxt UI qui fournit un visuel prêt à l'emploi. L'utilisateur peut se concentrer sur le contenu en utilisant Markdown et la syntaxe MDC. ::::: :::::accordion-item @@ -37,8 +37,8 @@ Utilisez les composants `accordion` et `accordion-item` pour afficher un [Accord La seule chose dont vous avez besoin pour démarrer un projet Docus est un dossier `content/`. Consultez le starter pour un démarrage rapide. ::::: - :::::accordion-item{icon="i-lucide-circle-help" label="Qu'est-ce que Nuxt UI Pro ?"} - Nuxt UI Pro est une collection de composants Vue premium, de composables et d'utilitaires construits sur [Nuxt UI](https://ui.nuxt.com/). Nuxt UI Pro est gratuit en développement, mais nécessite une licence pour la production. + :::::accordion-item{icon="i-lucide-circle-help" label="Qu'est-ce que Nuxt UI ?"} + Nuxt UI est une collection de composants Vue premium, de composables et d'utilitaires construits sur [Nuxt UI](https://ui.nuxt.com/). Nuxt UI est gratuit en développement, mais nécessite une licence pour la production. ::::: :::: ::: @@ -48,15 +48,15 @@ Utilisez les composants `accordion` et `accordion-item` pour afficher un [Accord ::accordion :::accordion-item{label="Qu'est-ce que Docus et quelles sont ses fonctionnalités clés ?" icon="i-lucide-circle-help"} - Docus est une solution de documentation entièrement intégrée construite avec Nuxt UI Pro. C'est un thème basé sur le template de documentation UI Pro qui fournit un visuel prêt à l'emploi. L'utilisateur peut se concentrer sur le contenu en utilisant Markdown et la syntaxe MDC. + Docus est une solution de documentation entièrement intégrée construite avec Nuxt UI. C'est un thème inspiré du template de documentation Nuxt UI qui fournit un visuel prêt à l'emploi. L'utilisateur peut se concentrer sur le contenu en utilisant Markdown et la syntaxe MDC. ::: :::accordion-item{label="Comment démarrer avec Docus ?" icon="i-lucide-circle-help"} La seule chose dont vous avez besoin pour démarrer un projet Docus est un dossier `content/`. Consultez le starter pour un démarrage rapide. ::: - :::accordion-item{label="Qu'est-ce que Nuxt UI Pro ?" icon="i-lucide-circle-help"} - Nuxt UI Pro est une collection de composants Vue premium, de composables et d'utilitaires construits sur [Nuxt UI](https://ui.nuxt.com/). Nuxt UI Pro est gratuit en développement, mais nécessite une licence pour la production. + :::accordion-item{label="Qu'est-ce que Nuxt UI ?" icon="i-lucide-circle-help"} + Nuxt UI est une collection de composants Vue premium, de composables et d'utilitaires construits sur [Nuxt UI](https://ui.nuxt.com/). Nuxt UI est gratuit en développement, mais nécessite une licence pour la production. ::: :: ``` @@ -149,7 +149,7 @@ Regroupez vos composants `card` avec le composant `card-group` pour les afficher icon: i-simple-icons-github target: _blank title: Tableau de bord - to: https://github.com/nuxt-ui-pro/dashboard + to: https://github.com/nuxt-ui-templates/dashboard --- Un tableau de bord avec une mise en page multi-colonnes. ::::: @@ -159,7 +159,7 @@ Regroupez vos composants `card` avec le composant `card-group` pour les afficher icon: i-simple-icons-github target: _blank title: SaaS - to: https://github.com/nuxt-ui-pro/saas + to: https://github.com/nuxt-ui-templates/saas --- Un template avec landing, pricing, docs et blog. ::::: @@ -169,7 +169,7 @@ Regroupez vos composants `card` avec le composant `card-group` pour les afficher icon: i-simple-icons-github target: _blank title: Docs - to: https://github.com/nuxt-ui-pro/docs + to: https://github.com/nuxt-ui-templates/docs --- Une documentation avec `@nuxt/content`. ::::: @@ -179,7 +179,7 @@ Regroupez vos composants `card` avec le composant `card-group` pour les afficher icon: i-simple-icons-github target: _blank title: Landing - to: https://github.com/nuxt-ui-pro/landing + to: https://github.com/nuxt-ui-templates/landing --- Une page d'accueil à utiliser comme point de départ. ::::: @@ -194,7 +194,7 @@ Regroupez vos composants `card` avec le composant `card-group` pour les afficher --- title: Tableau de bord icon: i-simple-icons-github - to: https://github.com/nuxt-ui-pro/dashboard + to: https://github.com/nuxt-ui-templates/dashboard target: _blank --- Un tableau de bord avec une mise en page multi-colonnes. @@ -204,7 +204,7 @@ Regroupez vos composants `card` avec le composant `card-group` pour les afficher --- title: SaaS icon: i-simple-icons-github - to: https://github.com/nuxt-ui-pro/saas + to: https://github.com/nuxt-ui-templates/saas target: _blank --- Un template avec landing, pricing, docs et blog. @@ -214,7 +214,7 @@ Regroupez vos composants `card` avec le composant `card-group` pour les afficher --- title: Docs icon: i-simple-icons-github - to: https://github.com/nuxt-ui-pro/docs + to: https://github.com/nuxt-ui-templates/docs target: _blank --- Une documentation avec `@nuxt/content`. @@ -224,7 +224,7 @@ Regroupez vos composants `card` avec le composant `card-group` pour les afficher --- title: Landing icon: i-simple-icons-github - to: https://github.com/nuxt-ui-pro/landing + to: https://github.com/nuxt-ui-templates/landing target: _blank --- Une page d'accueil à utiliser comme point de départ. @@ -392,7 +392,7 @@ Utilisez la prop `level` pour définir quel titre sera utilisé pour les étapes #### Démarrer un nouveau projet ```bash [Terminal] - npx nuxi init -t github:nuxt-ui-pro/docus + npx nuxi init -t github:nuxt-content/docus ``` #### Lancer le CLI docus pour démarrer votre serveur de dev @@ -409,7 +409,7 @@ Utilisez la prop `level` pour définir quel titre sera utilisé pour les étapes #### Démarrer un nouveau projet ```bash [Terminal] - npx nuxi init -t github:nuxt-ui-pro/docus + npx nuxi init -t github:nuxt-content/docus ``` #### Lancer le CLI docus pour démarrer votre serveur de dev diff --git a/docs/content/fr/index.md b/docs/content/fr/index.md index cd2e1a531..e44f999a4 100644 --- a/docs/content/fr/index.md +++ b/docs/content/fr/index.md @@ -64,13 +64,13 @@ Docus intègre le meilleur de l’écosystème Nuxt. spotlight: true class: col-span-2 target: _blank - to: https://ui.nuxt.com/pro + to: https://ui.nuxt.com --- :::::u-color-mode-image --- height: 320 width: 859 - alt: Magnifique visuel propulsé par UI Pro + alt: Magnifique visuel propulsé par UI class: w-full h-80 object-cover rounded-lg dark: /landing/dark/templates-ui-pro.webp light: /landing/light/templates-ui-pro.webp @@ -78,10 +78,10 @@ Docus intègre le meilleur de l’écosystème Nuxt. ::::: #title - Propulsé par [Nuxt UI Pro]{.text-primary} + Propulsé par [Nuxt UI]{.text-primary} #description - Sexy, minimaliste et personnalisable. Docus intègre Nuxt UI Pro pour vous offrir la meilleure expérience pour écrire une documentation sans boilerplate, concentrez-vous simplement sur votre contenu. + Sexy, minimaliste et personnalisable. Docus intègre Nuxt UI pour vous offrir la meilleure expérience pour écrire une documentation sans boilerplate, concentrez-vous simplement sur votre contenu. :::: ::::u-page-card diff --git a/docs/nuxt.config.ts b/docs/nuxt.config.ts index ffdfee57a..e31c8dadd 100644 --- a/docs/nuxt.config.ts +++ b/docs/nuxt.config.ts @@ -25,5 +25,4 @@ export default defineNuxtConfig({ description: 'Write beautiful docs with Markdown.', }, }, - }) diff --git a/docs/package.json b/docs/package.json index c35fafdfd..18d5e0eb3 100644 --- a/docs/package.json +++ b/docs/package.json @@ -7,10 +7,10 @@ "dev": "nuxt dev" }, "dependencies": { - "@nuxt/ui-pro": "^3.3.4", - "@nuxtjs/i18n": "^10.1.0", - "@nuxtjs/mdc": "^0.17.4", - "@nuxtjs/plausible": "^2.0.1", + "@nuxt/ui": "^4.0.0-alpha.1", + "@nuxtjs/i18n": "^10.0.3", + "@nuxtjs/mdc": "^0.17.2", + "@nuxtjs/plausible": "^1.2.0", "@vercel/analytics": "^1.5.0", "@vercel/speed-insights": "^1.2.0", "docus": "workspace:*", diff --git a/layer/app/app.config.ts b/layer/app/app.config.ts index 7752209dc..e81b4a401 100644 --- a/layer/app/app.config.ts +++ b/layer/app/app.config.ts @@ -10,8 +10,6 @@ export default defineAppConfig({ itemLeadingIcon: 'size-4 mx-0.5', }, }, - }, - uiPro: { contentNavigation: { slots: { linkLeadingIcon: 'size-4 mr-1', diff --git a/layer/app/app.vue b/layer/app/app.vue index 763bfd2e3..1de17a33d 100644 --- a/layer/app/app.vue +++ b/layer/app/app.vue @@ -1,13 +1,13 @@