Fixes Issue #12421 - Change page title based on the site section being viewed (#12627)

* Update title for tabs not including challenges, guild and team * add section titles to challenges, guilds, and groups * Update dynamic title to use vuex action * Remove duplicate key * Actually remove duplicate key * Fix section sub section in group * Add note to implement setTitle when adding a page * Add missing sections to dynamic title * Features string not translated * Use onGroupUpdate to update group titles * Add watcher to challenges for dynamic title updates * Small fixes * Add register and login to title, remove duplicate keys * Add home page dynamic title functionality * Minor name changes * remove wrong i18n strings from front.js * refactor router note Co-authored-by: Matteo Pagliazzi <matteopagliazzi@gmail.com>
2020-10-26 06:22:46 -04:00
parent 869d2df4fa
commit ad51675ac6
36 changed files with 188 additions and 6 deletions
@@ -67,5 +67,10 @@ export default {
      goToModForm(this.user);
    },
  },
+  mounted () {
+    this.$store.dispatch('common:setTitle', {
+      section: this.$t('contactUs'),
+    });
+  },
 };
 </script>
@@ -112,6 +112,12 @@ export default {
      // "webFaqStillNeedHelp": "If you have a question that isn't on this list or on the [Wiki FAQ](http://habitica.fandom.com/wiki/FAQ), come ask in the <%= linkStart %>Habitica Help guild<%= linkEnd %>! We're happy to help."
    };
  },
+  mounted () {
+    this.$store.dispatch('common:setTitle', {
+      section: this.$t('help'),
+      subSection: this.$t('faq'),
+    });
+  },
  methods: {
    isVisible (heading) {
      return this.visible && this.visible === heading;
@@ -137,6 +137,11 @@ export default {
  directives: {
    markdown: markdownDirective,
  },
+  mounted () {
+    this.$store.dispatch('common:setTitle', {
+      section: this.$t('features'),
+    });
+  },
  methods: {
    playButtonClick () {
      this.$router.push('/register');
@@ -274,6 +274,9 @@ export default {
      // Load external scripts after the app has been rendered
      setupPayments();
    });
+    this.$store.dispatch('common:setTitle', {
+      section: this.$t('groupPlans'),
+    });
  },
  methods: {
    goToNewGroupPage () {
@@ -909,6 +909,9 @@ export default {
      // windows: WINDOWS_CLIENT_ID,
      google: process.env.GOOGLE_CLIENT_ID, // eslint-disable-line
    });
+    this.$store.dispatch('common:setTitle', {
+      fullTitle: 'Habitica - Gamify Your Life',
+    });
  },
  methods: {
    // eslint-disable-next-line func-names
@@ -172,5 +172,10 @@ export default {
      ],
    });
  },
+  mounted () {
+    this.$store.dispatch('common:setTitle', {
+      section: this.$t('presskit'),
+    });
+  },
 };
 </script>