Add titles to all pages

Related to Issue #25

pages/about.vue

@@ -5,3 +5,16 @@
     <AboutPrivacy />
   </div>
 </template>
+
+<script lang="ts">
+import Vue from 'vue';
+import { MetaInfo } from 'vue-meta';
+
+export default Vue.extend({
+  head(): MetaInfo {
+    return {
+      title: this.$t('aboutPage.about.title') as string,
+    };
+  },
+});
+</script>

pages/login.vue

@@ -0,0 +1,16 @@
+<template>
+  <NuxtChild />
+</template>
+
+<script lang="ts">
+import Vue from 'vue';
+import { MetaInfo } from 'vue-meta';
+
+export default Vue.extend({
+  head(): MetaInfo {
+    return {
+      title: this.$t('navbar.login.title') as string,
+    };
+  },
+});
+</script>

pages/marathon/_marathon/donate.vue

@@ -3,3 +3,16 @@
     Oengus marathon donate page stub
   </div>
 </template>
+
+<script lang="ts">
+import Vue from 'vue';
+import { MetaInfo } from 'vue-meta';
+
+export default Vue.extend({
+  head(): MetaInfo {
+    return {
+      title: this.$t('marathon.donate.title') as string,
+    };
+  },
+});
+</script>

pages/marathon/_marathon/donations.vue

@@ -3,3 +3,16 @@
     Oengus marathon donations page stub
   </div>
 </template>
+
+<script lang="ts">
+import Vue from 'vue';
+import { MetaInfo } from 'vue-meta';
+
+export default Vue.extend({
+  head(): MetaInfo {
+    return {
+      title: this.$t('marathon.donations.title') as string,
+    };
+  },
+});
+</script>

pages/marathon/_marathon/incentives/index.vue

@@ -3,3 +3,16 @@
     Oengus marathon incentives view page stub
   </div>
 </template>
+
+<script lang="ts">
+import Vue from 'vue';
+import { MetaInfo } from 'vue-meta';
+
+export default Vue.extend({
+  head(): MetaInfo {
+    return {
+      title: this.$t('marathon.incentives.title') as string,
+    };
+  },
+});
+</script>

pages/marathon/_marathon/incentives/manage.vue

@@ -3,3 +3,16 @@
     Oengus marathon incentives management page stub
   </div>
 </template>
+
+<script lang="ts">
+import Vue from 'vue';
+import { MetaInfo } from 'vue-meta';
+
+export default Vue.extend({
+  head(): MetaInfo {
+    return {
+      title: this.$t('marathon.incentives.management.title') as string,
+    };
+  },
+});
+</script>

pages/marathon/_marathon/schedule/manage.vue

@@ -3,3 +3,16 @@
     Oengus marathon schedule management page stub
   </div>
 </template>
+
+<script lang="ts">
+import Vue from 'vue';
+import { MetaInfo } from 'vue-meta';
+
+export default Vue.extend({
+  head(): MetaInfo {
+    return {
+      title: this.$t('marathon.schedule.management.title') as string,
+    };
+  },
+});
+</script>

pages/marathon/_marathon/selection.vue

@@ -3,3 +3,16 @@
     Oengus marathon selection page stub
   </div>
 </template>
+
+<script lang="ts">
+import Vue from 'vue';
+import { MetaInfo } from 'vue-meta';
+
+export default Vue.extend({
+  head(): MetaInfo {
+    return {
+      title: this.$t('marathon.selection.title') as string,
+    };
+  },
+});
+</script>

pages/marathon/_marathon/settings.vue

@@ -3,3 +3,16 @@
     Oengus marathon settings page stub
   </div>
 </template>
+
+<script lang="ts">
+import Vue from 'vue';
+import { MetaInfo } from 'vue-meta';
+
+export default Vue.extend({
+  head(): MetaInfo {
+    return {
+      title: this.$t('marathon.settings.title') as string,
+    };
+  },
+});
+</script>

pages/marathon/_marathon/submissions.vue

@@ -3,3 +3,16 @@
     Oengus marathon submissions page stub
   </div>
 </template>
+
+<script lang="ts">
+import Vue from 'vue';
+import { MetaInfo } from 'vue-meta';
+
+export default Vue.extend({
+  head(): MetaInfo {
+    return {
+      title: this.$t('marathon.submissions.title') as string,
+    };
+  },
+});
+</script>

pages/marathon/_marathon/submit.vue

@@ -3,3 +3,16 @@
     Oengus marathon submit page stub
   </div>
 </template>
+
+<script lang="ts">
+import Vue from 'vue';
+import { MetaInfo } from 'vue-meta';
+
+export default Vue.extend({
+  head(): MetaInfo {
+    return {
+      title: this.$t('marathon.submit.title') as string,
+    };
+  },
+});
+</script>

pages/marathon/new.vue

@@ -3,3 +3,16 @@
     Oengus new marathon page stub
   </div>
 </template>
+
+<script lang="ts">
+import Vue from 'vue';
+import { MetaInfo } from 'vue-meta';
+
+export default Vue.extend({
+  head(): MetaInfo {
+    return {
+      title: this.$t('marathon.new.title') as string,
+    };
+  },
+});
+</script>

pages/news.vue

@@ -0,0 +1,27 @@
+<template>
+  <NuxtChild />
+</template>
+
+<script lang="ts">
+import Vue from 'vue';
+import { MetaInfo } from 'vue-meta';
+
+export default Vue.extend({
+  head(): MetaInfo {
+    return {
+      titleTemplate: titleChunk => `${titleChunk ? `${titleChunk} | ` : ''}${this.$t('news.title')} | Oengus v2`,
+    };
+  },
+});
+</script>
+
+<!-- Temporary language info to avoid having the i18n string -->
+<i18n>
+{
+  "en-GB": {
+    "news": {
+      "title": "News"
+    }
+  }
+}
+</i18n>

pages/news/kaspersky-partnership.vue

@@ -20,3 +20,16 @@
     </div>
   </div>
 </template>
+
+<script lang="ts">
+import Vue from 'vue';
+import { MetaInfo } from 'vue-meta';
+
+export default Vue.extend({
+  head(): MetaInfo {
+    return {
+      title: 'Kaspersky Partnership',
+    };
+  },
+});
+</script>

pages/patrons.vue

@@ -1,3 +1,16 @@
 <template>
   <Patron />
 </template>
+
+<script lang="ts">
+import Vue from 'vue';
+import { MetaInfo } from 'vue-meta';
+
+export default Vue.extend({
+  head(): MetaInfo {
+    return {
+      title: this.$t('patrons.title') as string,
+    };
+  },
+});
+</script>

pages/user/_user.vue

@@ -8,12 +8,19 @@
 
 <script lang="ts">
 import Vue from 'vue';
+import { MetaInfo } from 'vue-meta';
 
 export default Vue.extend({
   data() {
     return {
       userId: this.$route.params.user,
     };
   },
+
+  head(): MetaInfo {
+    return {
+      title: this.$route.params.user,
+    };
+  },
 });
 </script>

pages/user/settings/index.vue

@@ -3,3 +3,16 @@
     Oengus user settings main page stub
   </div>
 </template>
+
+<script lang="ts">
+import Vue from 'vue';
+import { MetaInfo } from 'vue-meta';
+
+export default Vue.extend({
+  head(): MetaInfo {
+    return {
+      title: this.$t('navbar.settings') as string,
+    };
+  },
+});
+</script>

pages/user/settings/sync/discord.vue

@@ -3,3 +3,16 @@
     Oengus user settings Discord sync page stub
   </div>
 </template>
+
+<script lang="ts">
+import Vue from 'vue';
+import { MetaInfo } from 'vue-meta';
+
+export default Vue.extend({
+  head(): MetaInfo {
+    return {
+      title: this.$t('user.settings.accountSync.title') as string,
+    };
+  },
+});
+</script>

pages/user/settings/sync/twitch.vue

@@ -3,3 +3,16 @@
     Oengus user settings Twitch sync page stub
   </div>
 </template>
+
+<script lang="ts">
+import Vue from 'vue';
+import { MetaInfo } from 'vue-meta';
+
+export default Vue.extend({
+  head(): MetaInfo {
+    return {
+      title: this.$t('user.settings.accountSync.title') as string,
+    };
+  },
+});
+</script>

pages/user/settings/sync/twitter.vue

@@ -3,3 +3,16 @@
     Oengus user settings Twitter sync page stub
   </div>
 </template>
+
+<script lang="ts">
+import Vue from 'vue';
+import { MetaInfo } from 'vue-meta';
+
+export default Vue.extend({
+  head(): MetaInfo {
+    return {
+      title: this.$t('user.settings.accountSync.title') as string,
+    };
+  },
+});
+</script>