From 9f9133ca90b43908a1fbc285a86b2a83d07fd35b Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Wed, 18 Oct 2023 10:56:33 +0300
Subject: [PATCH] New video tutorials

---
 doc/customicons/VideoDoc.vue        |  8 ++++++++
 doc/installation/videos/NuxtDoc.vue |  8 --------
 doc/nuxt/VideoDoc.vue               |  2 +-
 pages/customicons/index.vue         |  6 ++++++
 pages/installation/index.vue        | 17 ++---------------
 pages/nuxt/index.vue                | 16 ++++++++--------
 6 files changed, 25 insertions(+), 32 deletions(-)
 create mode 100644 doc/customicons/VideoDoc.vue
 delete mode 100644 doc/installation/videos/NuxtDoc.vue

diff --git a/doc/customicons/VideoDoc.vue b/doc/customicons/VideoDoc.vue
new file mode 100644
index 000000000..d809d3b48
--- /dev/null
+++ b/doc/customicons/VideoDoc.vue
@@ -0,0 +1,8 @@
+<template>
+    <DocSectionText v-bind="$attrs">
+        <p>A video tutorial to demonstrate how to customize icons.</p>
+    </DocSectionText>
+    <div class="video-container">
+        <iframe width="560" height="315" src="https://www.youtube.com/embed/C_eZelJPs6o?si=GFNZIUVHzM-P9vNe" frameborder="0" allowfullscreen></iframe>
+    </div>
+</template>
diff --git a/doc/installation/videos/NuxtDoc.vue b/doc/installation/videos/NuxtDoc.vue
deleted file mode 100644
index b21be3f46..000000000
--- a/doc/installation/videos/NuxtDoc.vue
+++ /dev/null
@@ -1,8 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p><a alt="Nuxt" href="https://nuxtjs.org">Nuxt</a> is an intuitive and extendable way to create type-safe, performant and production-grade full-stack web apps and websites with Vue.</p>
-    </DocSectionText>
-    <div class="video-container">
-        <iframe width="560" height="315" src="https://www.youtube.com/embed/sYGMrRUz9N0" frameborder="0" allowfullscreen></iframe>
-    </div>
-</template>
diff --git a/doc/nuxt/VideoDoc.vue b/doc/nuxt/VideoDoc.vue
index 160b69c70..70e42e570 100644
--- a/doc/nuxt/VideoDoc.vue
+++ b/doc/nuxt/VideoDoc.vue
@@ -3,6 +3,6 @@
         <p>A video tutorial that goes through steps of setting up PrimeVue with the nuxt-primevue module.</p>
     </DocSectionText>
     <div class="video-container">
-        <iframe width="560" height="315" src="https://www.youtube.com/embed/sYGMrRUz9N0" frameborder="0" allowfullscreen></iframe>
+        <iframe width="560" height="315" src="https://www.youtube.com/embed/iBJU3T4A8Jo?si=PlGPYF9fgMrNlVSp" frameborder="0" allowfullscreen></iframe>
     </div>
 </template>
diff --git a/pages/customicons/index.vue b/pages/customicons/index.vue
index 2b3bbf52b..337bdbd75 100644
--- a/pages/customicons/index.vue
+++ b/pages/customicons/index.vue
@@ -23,6 +23,7 @@ import FontAwesomeDoc from '@/doc/customicons/FontAwesomeDoc.vue';
 import ImageDoc from '@/doc/customicons/ImageDoc.vue';
 import MaterialDoc from '@/doc/customicons/MaterialDoc.vue';
 import SVGDoc from '@/doc/customicons/SVGDoc.vue';
+import VideoDoc from '@/doc/customicons/VideoDoc.vue';
 
 export default {
     data() {
@@ -47,6 +48,11 @@ export default {
                     id: 'image',
                     label: 'Image',
                     component: ImageDoc
+                },
+                {
+                    id: 'video',
+                    label: 'Video Tutorial',
+                    component: VideoDoc
                 }
             ]
         };
diff --git a/pages/installation/index.vue b/pages/installation/index.vue
index aee12e60c..e989b8034 100644
--- a/pages/installation/index.vue
+++ b/pages/installation/index.vue
@@ -24,7 +24,6 @@ import StyledModeDoc from '@/doc/installation/StyledModeDoc.vue';
 import UnstyledModeDoc from '@/doc/installation/UnstyledModeDoc.vue';
 import UsageDoc from '@/doc/installation/UsageDoc.vue';
 import CreateVueDoc from '@/doc/installation/videos/CreateVueDoc.vue';
-import NuxtDoc from '@/doc/installation/videos/NuxtDoc.vue';
 
 export default {
     data() {
@@ -74,20 +73,8 @@ export default {
                 },
                 {
                     id: 'videos',
-                    label: 'Videos',
-                    description: 'Video tutorials to take you through step-by-step.',
-                    children: [
-                        {
-                            id: 'createvue',
-                            label: 'CreateVue',
-                            component: CreateVueDoc
-                        },
-                        {
-                            id: 'nuxt',
-                            label: 'Nuxt',
-                            component: NuxtDoc
-                        }
-                    ]
+                    label: 'Video Tutorial',
+                    component: CreateVueDoc
                 }
             ]
         };
diff --git a/pages/nuxt/index.vue b/pages/nuxt/index.vue
index b1bc41c0f..90b9490c3 100644
--- a/pages/nuxt/index.vue
+++ b/pages/nuxt/index.vue
@@ -20,14 +20,14 @@
 
 <script>
 import DownloadDoc from '@/doc/nuxt/DownloadDoc.vue';
-import SetupDoc from '@/doc/nuxt/SetupDoc.vue';
-import UsePrimeVueDoc from '@/doc/nuxt/configuration/UsePrimeVueDoc.vue';
-import OptionsDoc from '@/doc/nuxt/configuration/OptionsDoc.vue';
-import ComponentsDoc from '@/doc/nuxt/configuration/ComponentsDoc.vue';
-import DirectivesDoc from '@/doc/nuxt/configuration/DirectivesDoc.vue';
-import ComposablesDoc from '@/doc/nuxt/configuration/ComposablesDoc.vue';
-import StyleDoc from '@/doc/nuxt/StyleDoc.vue';
 import ExampleDoc from '@/doc/nuxt/ExampleDoc.vue';
+import SetupDoc from '@/doc/nuxt/SetupDoc.vue';
+import StyleDoc from '@/doc/nuxt/StyleDoc.vue';
+import ComponentsDoc from '@/doc/nuxt/configuration/ComponentsDoc.vue';
+import ComposablesDoc from '@/doc/nuxt/configuration/ComposablesDoc.vue';
+import DirectivesDoc from '@/doc/nuxt/configuration/DirectivesDoc.vue';
+import OptionsDoc from '@/doc/nuxt/configuration/OptionsDoc.vue';
+import UsePrimeVueDoc from '@/doc/nuxt/configuration/UsePrimeVueDoc.vue';
 import VideoDoc from '../../doc/nuxt/VideoDoc.vue';
 
 export default {
@@ -87,7 +87,7 @@ export default {
                 },
                 {
                     id: 'video',
-                    label: 'Video',
+                    label: 'Video Tutorial',
                     component: VideoDoc
                 }
             ]