Add video tutorial

primefaces · Sep 9, 2024 · acfba69 · acfba69
1 parent a2ecc42
commit acfba69
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 11 deletions.
diff --git a/apps/showcase/doc/vite/VideoDoc.vue b/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>
diff --git a/apps/showcase/doc/vite/videos/CreateVueDoc.vue b/apps/showcase/doc/vite/videos/CreateVueDoc.vue
diff --git a/apps/showcase/pages/vite/index.vue b/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
                 }
             ]
         };