vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Add video tutorial

pull/6367/head
Cagatay Civici 2024-09-09 21:27:03 +03:00
parent a2ecc42bba
commit acfba694f9
3 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/showcase/doc/vite/VideoDoc.vue Normal file
View File

@ -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>

11
apps/showcase/doc/vite/videos/CreateVueDoc.vue
View File

@ -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>

6
apps/showcase/pages/vite/index.vue
View File

@ -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
}
]
};