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 @@
+
+
+ A video tutorial to demonstrate how to customize icons.
+
+
+
+
+
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 @@
-
-
- Nuxt is an intuitive and extendable way to create type-safe, performant and production-grade full-stack web apps and websites with Vue.
-
-
-
-
-
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 @@
A video tutorial that goes through steps of setting up PrimeVue with the nuxt-primevue module.
-
+
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 @@