diff --git a/doc/cdn/ComponentDoc.vue b/doc/cdn/ComponentDoc.vue
deleted file mode 100644
index 99cd80392..000000000
--- a/doc/cdn/ComponentDoc.vue
+++ /dev/null
@@ -1,20 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>Include the component to use with a script tag.</p>
-    </DocSectionText>
-    <DocSectionCode :code="code" hideToggleCode hideStackBlitz />
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            code: {
-                basic: `
-<script src="https://unpkg.com/primevue/datepicker/datepicker.min.js"><\/script>
-`
-            }
-        };
-    }
-};
-</script>
diff --git a/doc/cdn/ExampleDoc.vue b/doc/cdn/ExampleDoc.vue
index 43f1dfb7a..c70197b1a 100644
--- a/doc/cdn/ExampleDoc.vue
+++ b/doc/cdn/ExampleDoc.vue
@@ -17,12 +17,11 @@ export default {
     <title>PrimeVue + CDN</title>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width" />
-    <link rel="stylesheet" href="https://unpkg.com/primevue/resources/themes/lara-light-green/theme.css" />
   </head>
   <body>
     <script src="https://unpkg.com/vue@3/dist/vue.global.js"><\/script>
-    <script src="https://unpkg.com/primevue/core/core.min.js"><\/script>
-    <script src="https://unpkg.com/primevue/datepicker/datepicker.min.js"><\/script>
+    <script src="https://unpkg.com/primevue/umd/primevue.min.js"><\/script>
+    <script src="https://unpkg.com/primevue/umd/themes/aura.min.js"><\/script>
 
     <div id="app">
       <p-datepicker v-model="date"></p-datepicker>
@@ -36,14 +35,20 @@ export default {
       const app = createApp({
         setup() {
           const date = ref();
+
           return {
-            date,
+            date
           };
         },
       });
 
-      app.use(primevue.config.default);
-      app.component('p-datepicker', primevue.datepicker);
+      app.use(PrimeVue.Config, {
+        theme: {
+            preset: PrimeVue.Themes.Aura
+        }
+      });
+
+      app.component('p-datepicker', PrimeVue.DatePicker);
 
       app.mount('#app');
     <\/script>
diff --git a/doc/cdn/PluginDoc.vue b/doc/cdn/PluginDoc.vue
index 8c0a7bfe1..0a24bc585 100644
--- a/doc/cdn/PluginDoc.vue
+++ b/doc/cdn/PluginDoc.vue
@@ -14,7 +14,7 @@ export default {
         return {
             code: {
                 basic: `
-app.use(primevue.config.default);
+app.use(PrimeVue.Config);
 `
             }
         };
diff --git a/doc/cdn/ScriptDoc.vue b/doc/cdn/ScriptDoc.vue
index d388f40e7..88fba9b8e 100644
--- a/doc/cdn/ScriptDoc.vue
+++ b/doc/cdn/ScriptDoc.vue
@@ -16,7 +16,8 @@ export default {
             code: {
                 basic: `
 https://unpkg.com/vue@3/dist/vue.global.js
-https://unpkg.com/primevue/core/core.min.js
+https://unpkg.com/primevue/umd/primevue.min.js
+https://unpkg.com/primevue/umd/themes/{preset}.min.js  // Optional, see theming section.
 `
             }
         };
diff --git a/doc/cdn/ThemingDoc.vue b/doc/cdn/ThemingDoc.vue
index 1139aaf4a..137295779 100644
--- a/doc/cdn/ThemingDoc.vue
+++ b/doc/cdn/ThemingDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText v-bind="$attrs">
-        <p>Include the theme file with a link element, see <NuxtLink to="/theming/#themes">themes</NuxtLink> section for the complete list of available themes to choose from.</p>
+        <p>Include the theme preset via a script element after adding PrimeVue, see <NuxtLink to="/theming/styled/#presets">preset</NuxtLink> section for the complete list of available presets to choose from.</p>
     </DocSectionText>
     <DocSectionCode :code="code" hideToggleCode hideStackBlitz />
 </template>
@@ -11,7 +11,9 @@ export default {
         return {
             code: {
                 basic: `
-<link rel="stylesheet" href="https://unpkg.com/primevue/resources/themes/lara-light-green/theme.css" />
+<!-- <script src="https://unpkg.com/primevue/umd/themes/{preset}.min.js"><\/script> -->
+
+<script src="https://unpkg.com/primevue/umd/themes/aura.min.js"><\/script>
 `
             }
         };
diff --git a/doc/nuxt/configuration/UnstyledDoc.vue b/doc/nuxt/configuration/UnstyledDoc.vue
deleted file mode 100644
index b3ea0b416..000000000
--- a/doc/nuxt/configuration/UnstyledDoc.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>Defines the theming mode, defaults to false.</p>
-    </DocSectionText>
-    <DocSectionCode :code="code" importCode hideToggleCode hideStackBlitz />
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            code: {
-                basic: `
-primevue: {
-    unstyled: true
-}
-`
-            }
-        };
-    }
-};
-</script>
diff --git a/pages/cdn/index.vue b/pages/cdn/index.vue
index 4c6d338dd..80c0c4c68 100644
--- a/pages/cdn/index.vue
+++ b/pages/cdn/index.vue
@@ -16,7 +16,6 @@
 </template>
 
 <script>
-import ComponentDoc from '@/doc/cdn/ComponentDoc.vue';
 import CreateAppDoc from '@/doc/cdn/CreateAppDoc.vue';
 import ExampleDoc from '@/doc/cdn/ExampleDoc.vue';
 import PluginDoc from '@/doc/cdn/PluginDoc.vue';
@@ -47,11 +46,6 @@ export default {
                     label: 'Theming',
                     component: ThemingDoc
                 },
-                {
-                    id: 'component',
-                    label: 'Component',
-                    component: ComponentDoc
-                },
                 {
                     id: 'example',
                     label: 'Example',
diff --git a/pages/nuxt/index.vue b/pages/nuxt/index.vue
index 8e2bfdf69..89a32e6da 100644
--- a/pages/nuxt/index.vue
+++ b/pages/nuxt/index.vue
@@ -29,7 +29,6 @@ import DirectivesDoc from '@/doc/nuxt/configuration/DirectivesDoc.vue';
 import ImportPTDoc from '@/doc/nuxt/configuration/ImportPTDoc.vue';
 import ImportThemeDoc from '@/doc/nuxt/configuration/ImportThemeDoc.vue';
 import OptionsDoc from '@/doc/nuxt/configuration/OptionsDoc.vue';
-import UnstyledDoc from '@/doc/nuxt/configuration/UnstyledDoc.vue';
 import UsePrimeVueDoc from '@/doc/nuxt/configuration/UsePrimeVueDoc.vue';
 
 export default {
@@ -60,11 +59,6 @@ export default {
                             label: 'usePrimeVue',
                             component: UsePrimeVueDoc
                         },
-                        {
-                            id: 'unstyled',
-                            label: 'unstyled',
-                            component: UnstyledDoc
-                        },
                         {
                             id: 'options',
                             label: 'options',
