Vue doesnt change execute mounted() on vue route change, so it's better we use a watcher to set page titles.

src/App.vue

@@ -42,6 +42,35 @@ export default {
                     break;
             }
     },
+    watch: {
+        $route: {
+            immediate: true,
+            handler(to) {
+                switch(to.path) {
+                    case "/register":
+                        document.title = "Register - Piped";
+                        break;
+                    case "/login":
+                        document.title = "Login - Piped";
+                        break;
+                    case "/import":
+                        document.title = "Import - Piped";
+                        break;
+                    case "/preferences":
+                        document.title = "Preferences - Piped";
+                        break;
+                    case "/feed":
+                        document.title = "Feed - Piped";
+                        break;
+                    case "/watch":
+                        document.title = "Loading.. - Piped";
+                        break;
+                    default:
+                        document.title = "Trending - Piped";
+                        break;
+                } 
+            }
+        },
 };
 </script>
 

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));