From b6fb1947c46b83ce232bd28a43f21cd9c9cc4586 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Sat, 12 Dec 2020 12:19:49 +0300
Subject: [PATCH] Add video link

---
 src/assets/styles/app/_responsive.scss | 15 +++++++++++++++
 src/views/setup/Setup.vue              |  8 +++++++-
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/assets/styles/app/_responsive.scss b/src/assets/styles/app/_responsive.scss
index f3bd7f878..043037aec 100644
--- a/src/assets/styles/app/_responsive.scss
+++ b/src/assets/styles/app/_responsive.scss
@@ -95,6 +95,21 @@
                 }
             }
         }
+
+        .video-container {
+            position: relative;
+            width: 100%;
+            height: 0;
+            padding-bottom: 56.25%;
+
+            iframe {
+                position: absolute;
+                top: 0;
+                left: 0;
+                width: 100%;
+                height: 100%;
+            }
+        }
     }
 
     .layout-mask {
diff --git a/src/views/setup/Setup.vue b/src/views/setup/Setup.vue
index 922c73e7a..49c314e63 100755
--- a/src/views/setup/Setup.vue
+++ b/src/views/setup/Setup.vue
@@ -6,12 +6,18 @@
             <h1>Setup</h1>
             <p>PrimeVue is a rich set of open source native components for Vue.</p>
 
+            <h5>Video Tutorial</h5>
+            <p>Watch the video tutorial that goes through the steps documented on this guide.</p>
+            <div class="video-container">
+                <iframe width="560" height="315" src="https://www.youtube.com/embed/cGTXuyqIwMA" frameborder="0" allowfullscreen></iframe>
+            </div>
+
             <h5>Download</h5>
             <p>PrimeVue is available at <a href="https://www.npmjs.com/package/primevue">npm</a>, if you have an existing application run the following commands to download PrimeVue and PrimeIcons to your project.</p>
 
 <pre v-code.script>
 <code>
-npm install primevue@^3.1.0 --save
+npm install primevue@^3.1.1 --save
 npm install primeicons --save
 
 </code></pre>