Add video tutorial

apps/showcase/doc/vite/VideoDoc.vue

@@ -0,0 +1,8 @@
+<template>
+    <DocSectionText v-bind="$attrs">
+        <p>Watch the short video tutorial from Çağatay Çivici to setup PrimeVue in styled mode with <a alt="Create Vue App" href="https://github.com/vuejs/create-vue">Create-Vue</a>.</p>
+    </DocSectionText>
+    <div class="video-container">
+        <iframe width="560" height="315" src="https://www.youtube.com/embed/xW8EFqalm4I" frameborder="0" allowfullscreen></iframe>
+    </div>
+</template>

apps/showcase/doc/vite/videos/CreateVueDoc.vue

@@ -1,11 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>
-            <a alt="Create Vue App" href="https://github.com/vuejs/create-vue">Create-Vue</a>
-            is the recommended way to start a Vite-powered Vue project.
-        </p>
-    </DocSectionText>
-    <div class="video-container">
-        <iframe width="560" height="315" src="https://www.youtube.com/embed/FjYesOz95MM" frameborder="0" allowfullscreen></iframe>
-    </div>
-</template>

apps/showcase/pages/vite/index.vue

@@ -21,6 +21,7 @@ import ExamplesDoc from '@/doc/vite/ExamplesDoc.vue';
 import StyledModeDoc from '@/doc/vite/StyledModeDoc.vue';
 import UnstyledModeDoc from '@/doc/vite/UnstyledModeDoc.vue';
 import UsageDoc from '@/doc/vite/UsageDoc.vue';
+import VideoDoc from '@/doc/vite/VideoDoc.vue';
 
 export default {
     data() {
@@ -58,6 +59,11 @@ export default {
                     id: 'examples',
                     label: 'Examples',
                     component: ExamplesDoc
+                },
+                {
+                    id: 'video',
+                    label: 'Video',
+                    component: VideoDoc
                 }
             ]
         };