diff --git a/NUXT/pages/watch.vue b/NUXT/pages/watch.vue
index 172c386..59846ab 100644
--- a/NUXT/pages/watch.vue
+++ b/NUXT/pages/watch.vue
@@ -1,7 +1,12 @@
- {{ vidSrc }}
+
+ {{ title }}
+ {{ views }} views • Published {{uploaded}}
+ {{ likes }} Likes / {{ dislikes }} Dislikes
+ {{ description }}
+
@@ -9,12 +14,37 @@
export default {
data() {
return {
- vidSrc: ""
+ likes: this.likes,
+ uploaded: this.uploaded,
+ dislikes: this.dislikes,
+ vidSrc: this.vidSrc,
+ description: this.description,
+ views: this.views
}
},
mounted() {
- const { v } = this.$route.query
- console.log(v, this.$youtube.getVid(v))
+
+ this.$youtube.getVid(this.$route.query.v).then(result => {
+ console.log('Video info data')
+ console.log(result);
+ result = result.data;
+ console.log(result.streamingData.formats)
+ this.vidSrc = result.streamingData.formats[result.streamingData.formats.length-1].url
+ this.title = result.videoDetails.title
+ this.description = result.videoDetails.shortDescription;
+ this.views = result.videoDetails.viewCount;
+ });
+
+
+ this.$youtube.getRemainingVideoInfo(this.$route.query.v, (data) => {
+ this.likes = data.likes,
+ this.uploaded = data.uploadDate;
+ });
+
+ this.$youtube.getReturnYoutubeDislike(this.$route.query.v, (data) => {
+ this.dislikes = data.dislikes;
+ });
+
}
}