Watch for route changes and change page title according to new route

src/App.vue

@@ -30,6 +30,22 @@ export default {
     components: {
         Navigation,
     },
+    watch: {
+        $route: {
+            immediate: true,
+            handler(to) {
+                switch(to.path) {
+                    case "/feed":
+                        document.title = "Feed - Piped";
+                        break;
+                    case "/":
+                        document.title = "Trending - Piped";
+                        break;
+                    default:
+                } 
+            }
+        },
+    },
     mounted() {
         if (window.location.pathname === "/" || window.location.pathname.length == 0)
             switch (this.getPreferenceString("homepage", "trending")) {

src/components/FeedPage.vue

@@ -63,8 +63,6 @@ export default {
         };
     },
     mounted() {
-        document.title = "Feed - Piped";
-
         this.fetchFeed().then(videos => (this.videos = videos));
     },
     methods: {

src/components/TrendingPage.vue

@@ -25,8 +25,6 @@ export default {
         };
     },
     mounted() {
-        document.title = "Trending - Piped";
-
         let region = this.getPreferenceString("region", "US");
 
         this.fetchTrending(region).then(videos => (this.videos = videos));