From ed7fafdc4f42f6673d68826ac9c3feee39441120 Mon Sep 17 00:00:00 2001
From: mertsincan <sincan.mert@gmail.com>
Date: Sat, 5 Aug 2023 04:56:05 +0300
Subject: [PATCH] Update doc

---
 components/doc/codeeditor/templates.js | 2 +-
 doc/tailwind/ApiDoc.vue                | 2 +-
 doc/tailwind/CustomizationDoc.vue      | 2 +-
 doc/tailwind/SetupDoc.vue              | 6 +++---
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/doc/codeeditor/templates.js b/components/doc/codeeditor/templates.js
index 573a7cea3..396350b09 100644
--- a/components/doc/codeeditor/templates.js
+++ b/components/doc/codeeditor/templates.js
@@ -59,7 +59,7 @@ const getVueApp = (props = {}, sourceType) => {
     if (embedded) {
         // main.js
         unstyled += `, unstyled: true, pt: Tailwind`;
-        imports += `import Tailwind from 'primevue/tailwind';
+        imports += `import Tailwind from 'primevue/passthrough/tailwind';
 import ThemeSwitcher from './components/ThemeSwitcher.vue';`;
         element += `app.component('ThemeSwitcher', ThemeSwitcher);`;
 
diff --git a/doc/tailwind/ApiDoc.vue b/doc/tailwind/ApiDoc.vue
index 1417627cc..721c108d3 100644
--- a/doc/tailwind/ApiDoc.vue
+++ b/doc/tailwind/ApiDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText v-bind="$attrs">
-        <p>The complete API of the Tailwind theme at <i>primevue/tailwind</i> with the default values as a reference.</p>
+        <p>The complete API of the Tailwind theme at <i>primevue/passthrough/tailwind</i> with the default values as a reference.</p>
     </DocSectionText>
     <div class="overflow-auto" style="height: 40rem">
         <DocSectionCode :code="code" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
diff --git a/doc/tailwind/CustomizationDoc.vue b/doc/tailwind/CustomizationDoc.vue
index d86ea27ba..24ffb2a11 100644
--- a/doc/tailwind/CustomizationDoc.vue
+++ b/doc/tailwind/CustomizationDoc.vue
@@ -52,7 +52,7 @@ export default {
             code2: {
                 basic: `import {createApp} from "vue";
 import PrimeVue from "primevue/config";
-import Tailwind from "primevue/tailwind";
+import Tailwind from "primevue/passthrough/tailwind";
 
 const app = createApp(App);
 
diff --git a/doc/tailwind/SetupDoc.vue b/doc/tailwind/SetupDoc.vue
index 85fdbfe33..e49ce291e 100644
--- a/doc/tailwind/SetupDoc.vue
+++ b/doc/tailwind/SetupDoc.vue
@@ -2,8 +2,8 @@
     <DocSectionText v-bind="$attrs">
         <p>
             This section assumes that Tailwind is already available in your application, if not visit the Tailwind CSS <a href="https://tailwindcss.com/docs/installation/framework-guides">framework guides</a> like Vite or Nuxt for the installation.
-            The built-in default theme is basically a <PrimeVueNuxtLink to="/passthrough">global pass through</PrimeVueNuxtLink> configuration that needs to be imported from <i>primevue/tailwind</i> path and then defined during setup. Since the theme
-            is exclusive to unstyled mode, the <i>unstyled</i> setting is required in addition.
+            The built-in default theme is basically a <PrimeVueNuxtLink to="/passthrough">global pass through</PrimeVueNuxtLink> configuration that needs to be imported from <i>primevue/passthrough/tailwind</i> path and then defined during setup.
+            Since the theme is exclusive to unstyled mode, the <i>unstyled</i> setting is required in addition.
         </p>
         <DocSectionCode :code="code1" hideToggleCode hideCodeSandbox hideStackBlitz />
         <p>
@@ -22,7 +22,7 @@ export default {
             code1: {
                 basic: `import {createApp} from "vue";
 import PrimeVue from "primevue/config";
-import Tailwind from "primevue/tailwind";
+import Tailwind from "primevue/passthrough/tailwind";
 
 const app = createApp(App);