From 1d02ba22268d7f0ea96b9606b319cf499a28c236 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Wed, 3 Jul 2024 12:35:40 +0300
Subject: [PATCH] Update PresetsDoc.vue

---
 .../doc/theming/styled/PresetsDoc.vue         | 24 ++++++++++++-------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/apps/showcase/doc/theming/styled/PresetsDoc.vue b/apps/showcase/doc/theming/styled/PresetsDoc.vue
index c032bcf29..aa83dbacd 100644
--- a/apps/showcase/doc/theming/styled/PresetsDoc.vue
+++ b/apps/showcase/doc/theming/styled/PresetsDoc.vue
@@ -3,12 +3,20 @@
         <p>Currently Aura is the only available preset and more will follow in the upcoming updates.</p>
     </DocSectionText>
     <div class="card">
-        <TabView>
-            <TabPanel header="Aura"><DocSectionCode :code="aura" hideToggleCode importCode hideStackBlitz /></TabPanel>
-            <TabPanel header="Lara"><DocSectionCode :code="lara" hideToggleCode importCode hideStackBlitz /></TabPanel>
-            <TabPanel header="Nora"><DocSectionCode :code="nora" hideToggleCode importCode hideStackBlitz /></TabPanel>
-            <TabPanel header="Material">Coming soon with a future update.</TabPanel>
-        </TabView>
+        <Tabs value="aura">
+            <TabList>
+                <Tab value="aura">Aura</Tab>
+                <Tab value="lara">Lara</Tab>
+                <Tab value="nora">Nora</Tab>
+                <Tab value="material">Material</Tab>
+            </TabList>
+            <TabPanels>
+                <TabPanel value="aura"><DocSectionCode :code="aura" hideToggleCode importCode hideStackBlitz /></TabPanel>
+                <TabPanel value="lara"><DocSectionCode :code="lara" hideToggleCode importCode hideStackBlitz /></TabPanel>
+                <TabPanel value="nora"><DocSectionCode :code="nora" hideToggleCode importCode hideStackBlitz /></TabPanel>
+                <TabPanel value="material">Coming soon with a future update.</TabPanel>
+            </TabPanels>
+        </Tabs>
     </div>
 </template>
 
@@ -406,7 +414,7 @@ export default {
             },
             lara: {
                 basic: `
-import accordion from '@primevue/themes/aura/accordion';
+import accordion from '@primevue/themes/lara/accordion';
 // ... imports of other component tokens
 
 export default {
@@ -799,7 +807,7 @@ export default {
             },
             nora: {
                 basic: `
-import accordion from '@primevue/themes/aura/accordion';
+import accordion from '@primevue/themes/nora/accordion';
 // ... imports of other component tokens
 
 export default {