From 438bc8a45ed55a11ac1f50f3f8e99c7363a4e4a0 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Mon, 27 May 2024 12:13:32 +0300
Subject: [PATCH] Update nuxt docs

---
 doc/nuxt/DownloadDoc.vue                      | 12 ++++++------
 doc/nuxt/{ModuleSetupDoc.vue => SetupDoc.vue} |  0
 doc/nuxt/configuration/CSSLayerOrderDoc.vue   |  5 ++++-
 doc/nuxt/configuration/OptionsDoc.vue         |  2 +-
 pages/nuxt/index.vue                          | 10 +++++-----
 5 files changed, 16 insertions(+), 13 deletions(-)
 rename doc/nuxt/{ModuleSetupDoc.vue => SetupDoc.vue} (100%)

diff --git a/doc/nuxt/DownloadDoc.vue b/doc/nuxt/DownloadDoc.vue
index 485f86b3e..2cb049302 100644
--- a/doc/nuxt/DownloadDoc.vue
+++ b/doc/nuxt/DownloadDoc.vue
@@ -15,16 +15,16 @@ export default {
             code: {
                 basic: `
 # Using npm
-npm install primevue
-npm install --save-dev nuxt-primevue
+npm install primevue@4.0.0-rc.1
+npm install --save-dev nuxt-primevue@4.0.0-rc.1
 
 # Using yarn
-yarn add primevue
-yarn add --dev nuxt-primevue
+yarn add primevue@4.0.0-rc.1
+yarn add --dev nuxt-primevue@4.0.0-rc.1
 
 # Using pnpm
-pnpm add primevue
-pnpm add -D nuxt-primevue
+pnpm add primevue@4.0.0-rc.1
+pnpm add -D nuxt-primevue@4.0.0-rc.1
 `
             }
         };
diff --git a/doc/nuxt/ModuleSetupDoc.vue b/doc/nuxt/SetupDoc.vue
similarity index 100%
rename from doc/nuxt/ModuleSetupDoc.vue
rename to doc/nuxt/SetupDoc.vue
diff --git a/doc/nuxt/configuration/CSSLayerOrderDoc.vue b/doc/nuxt/configuration/CSSLayerOrderDoc.vue
index 172f21f2a..6a9cbf6d7 100644
--- a/doc/nuxt/configuration/CSSLayerOrderDoc.vue
+++ b/doc/nuxt/configuration/CSSLayerOrderDoc.vue
@@ -1,6 +1,9 @@
 <template>
     <DocSectionText v-bind="$attrs">
-        <p>Defines the CSS layer order setting for compatibility with libraries like Tailwind and Bootstrap in styled mode. Visit the <NuxtLink to="/theming/styled/#options">CSS Layer</NuxtLink> guide for detailed information.</p>
+        <p>
+            When the layer is enabled at the theme configuration, defines the CSS layer order setting for compatibility with libraries like Tailwind and Bootstrap in styled mode. Visit the
+            <NuxtLink to="/theming/styled/#csslayer">CSS Layer</NuxtLink> guide for detailed information.
+        </p>
     </DocSectionText>
     <DocSectionCode :code="code1" importCode hideToggleCode hideStackBlitz />
     <DocSectionCode :code="code2" importCode hideToggleCode hideStackBlitz />
diff --git a/doc/nuxt/configuration/OptionsDoc.vue b/doc/nuxt/configuration/OptionsDoc.vue
index d94830269..a4ac297f6 100644
--- a/doc/nuxt/configuration/OptionsDoc.vue
+++ b/doc/nuxt/configuration/OptionsDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText v-bind="$attrs">
-        <p>Main configuration settings of PrimeVue, refer to the <PrimeVueNuxtLink to="/configuration">configuration</PrimeVueNuxtLink> documentation for details. Defaults to an empty object.</p>
+        <p>Main configuration settings of PrimeVue, refer to the <PrimeVueNuxtLink to="/configuration">configuration</PrimeVueNuxtLink> documentation for details.</p>
     </DocSectionText>
     <DocSectionCode :code="code" importCode hideToggleCode hideStackBlitz />
 </template>
diff --git a/pages/nuxt/index.vue b/pages/nuxt/index.vue
index 89a32e6da..5e5aceab0 100644
--- a/pages/nuxt/index.vue
+++ b/pages/nuxt/index.vue
@@ -20,7 +20,7 @@
 <script>
 import DownloadDoc from '@/doc/nuxt/DownloadDoc.vue';
 import ExamplesDoc from '@/doc/nuxt/ExamplesDoc.vue';
-import ModuleSetupDoc from '@/doc/nuxt/ModuleSetupDoc.vue';
+import SetupDoc from '@/doc/nuxt/SetupDoc.vue';
 import UsageDoc from '@/doc/nuxt/UsageDoc.vue';
 import CSSLayerOrderDoc from '@/doc/nuxt/configuration/CSSLayerOrderDoc.vue';
 import ComponentsDoc from '@/doc/nuxt/configuration/ComponentsDoc.vue';
@@ -41,9 +41,9 @@ export default {
                     component: DownloadDoc
                 },
                 {
-                    id: 'module-setup',
-                    label: 'Module Setup',
-                    component: ModuleSetupDoc
+                    id: 'setup',
+                    label: 'Setup',
+                    component: SetupDoc
                 },
                 {
                     id: 'usage',
@@ -52,7 +52,7 @@ export default {
                 },
                 {
                     id: 'configuration',
-                    label: 'Module Configuration',
+                    label: 'Configuration',
                     children: [
                         {
                             id: 'useprimevue',