diff --git a/src/App.vue b/src/App.vue index 4e74b80b..93d22017 100644 --- a/src/App.vue +++ b/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; + } + } + }, }; diff --git a/src/components/FeedPage.vue b/src/components/FeedPage.vue index 5b95ce8e..cda4ad66 100644 --- a/src/components/FeedPage.vue +++ b/src/components/FeedPage.vue @@ -63,8 +63,6 @@ export default { }; }, mounted() { - document.title = "Feed - Piped"; - this.fetchFeed().then(videos => (this.videos = videos)); }, methods: { diff --git a/src/components/TrendingPage.vue b/src/components/TrendingPage.vue index 42b9b9de..04e1a581 100644 --- a/src/components/TrendingPage.vue +++ b/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));