update watched videos in each separate component

src/components/HistoryPage.vue

@@ -54,6 +54,8 @@ export default {
                             duration: video.duration,
                             thumbnail: video.thumbnail,
                             watchedAt: video.watchedAt,
+                            watched: true,
+                            currentTime: video.currentTime,
                         });
                         if (this.videos.length < 1000) cursor.continue();
                     }

src/components/PlaylistPage.vue

@@ -106,7 +106,10 @@ export default {
         async getPlaylistData() {
             this.fetchPlaylist()
                 .then(data => (this.playlist = data))
-                .then(() => this.updateTitle());
+                .then(() => {
+                    this.updateTitle();
+                    this.updateWatched(this.playlist.relatedStreams);
+                });
         },
         async updateTitle() {
             document.title = this.playlist.name + " - Piped";

src/components/PlaylistVideos.vue

@@ -32,6 +32,7 @@ export default {
     },
     mounted() {
         this.updateScroll();
+        this.updateWatched(this.playlist.relatedStreams);
     },
     methods: {
         updateScroll() {

src/components/SearchResults.vue

@@ -72,7 +72,10 @@ export default {
         },
         async updateResults() {
             document.title = this.$route.query.search_query + " - Piped";
-            this.results = this.fetchResults().then(json => (this.results = json));
+            this.results = this.fetchResults().then(json => {
+                this.results = json;
+                this.updateWatched(this.results.items);
+            });
         },
         updateFilter() {
             this.$router.replace({

src/components/VideoItem.vue

@@ -159,7 +159,6 @@ export default {
         };
     },
     mounted() {
-        this.updateWatched([this.item]);
         this.shouldShowVideo();
     },
     methods: {

src/components/WatchVideo.vue

@@ -422,6 +422,7 @@ export default {
                         });
                         xmlDoc.querySelectorAll("br").forEach(elem => (elem.outerHTML = "\n"));
                         this.video.description = this.rewriteDescription(xmlDoc.querySelector("body").innerHTML);
+                        this.updateWatched(this.video.relatedStreams);
                     }
                 });
         },