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

New video tutorials

pull/4649/head
Cagatay Civici 2023-10-18 10:56:33 +03:00
parent 594b0414e7
commit 9f9133ca90
6 changed files with 25 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
doc/customicons/VideoDoc.vue Normal file
View File

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

8
doc/installation/videos/NuxtDoc.vue
View File

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

2
doc/nuxt/VideoDoc.vue
View File

@ -3,6 +3,6 @@
<p>A video tutorial that goes through steps of setting up PrimeVue with the nuxt-primevue module.</p> <p>A video tutorial that goes through steps of setting up PrimeVue with the nuxt-primevue module.</p>
</DocSectionText> </DocSectionText>
<div class="video-container"> <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> </div>
</template> </template>

6
pages/customicons/index.vue
View File

@ -23,6 +23,7 @@ import FontAwesomeDoc from '@/doc/customicons/FontAwesomeDoc.vue';
import ImageDoc from '@/doc/customicons/ImageDoc.vue'; import ImageDoc from '@/doc/customicons/ImageDoc.vue';
import MaterialDoc from '@/doc/customicons/MaterialDoc.vue'; import MaterialDoc from '@/doc/customicons/MaterialDoc.vue';
import SVGDoc from '@/doc/customicons/SVGDoc.vue'; import SVGDoc from '@/doc/customicons/SVGDoc.vue';
import VideoDoc from '@/doc/customicons/VideoDoc.vue';
export default { export default {
data() { data() {
@ -47,6 +48,11 @@ export default {
id: 'image', id: 'image',
label: 'Image', label: 'Image',
component: ImageDoc component: ImageDoc
},
{
id: 'video',
label: 'Video Tutorial',
component: VideoDoc
} }
] ]
}; };

15
pages/installation/index.vue
View File

@ -24,7 +24,6 @@ import StyledModeDoc from '@/doc/installation/StyledModeDoc.vue';
import UnstyledModeDoc from '@/doc/installation/UnstyledModeDoc.vue'; import UnstyledModeDoc from '@/doc/installation/UnstyledModeDoc.vue';
import UsageDoc from '@/doc/installation/UsageDoc.vue'; import UsageDoc from '@/doc/installation/UsageDoc.vue';
import CreateVueDoc from '@/doc/installation/videos/CreateVueDoc.vue'; import CreateVueDoc from '@/doc/installation/videos/CreateVueDoc.vue';
import NuxtDoc from '@/doc/installation/videos/NuxtDoc.vue';
export default { export default {
data() { data() {
@ -74,20 +73,8 @@ export default {
}, },
{ {
id: 'videos', id: 'videos',
label: 'Videos', label: 'Video Tutorial',
description: 'Video tutorials to take you through step-by-step.',
children: [
{
id: 'createvue',
label: 'CreateVue',
component: CreateVueDoc component: CreateVueDoc
},
{
id: 'nuxt',
label: 'Nuxt',
component: NuxtDoc
}
]
} }
] ]
}; };

16
pages/nuxt/index.vue
View File

@ -20,14 +20,14 @@
<script> <script>
import DownloadDoc from '@/doc/nuxt/DownloadDoc.vue'; 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 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'; import VideoDoc from '../../doc/nuxt/VideoDoc.vue';
export default { export default {
@ -87,7 +87,7 @@ export default {
}, },
{ {
id: 'video', id: 'video',
label: 'Video', label: 'Video Tutorial',
component: VideoDoc component: VideoDoc
} }
] ]