From 632bed22abda829d8d2068a153c158f0567e526b Mon Sep 17 00:00:00 2001
From: BobChao87 <bobchao87@gmail.com>
Date: Thu, 2 Dec 2021 00:57:15 -0800
Subject: [PATCH] Add titles to all pages

Related to Issue #25
---
 pages/about.vue                               | 13 +++++++++
 pages/login.vue                               | 16 +++++++++++
 pages/marathon/_marathon/donate.vue           | 13 +++++++++
 pages/marathon/_marathon/donations.vue        | 13 +++++++++
 pages/marathon/_marathon/incentives/index.vue | 13 +++++++++
 .../marathon/_marathon/incentives/manage.vue  | 13 +++++++++
 pages/marathon/_marathon/schedule/manage.vue  | 13 +++++++++
 pages/marathon/_marathon/selection.vue        | 13 +++++++++
 pages/marathon/_marathon/settings.vue         | 13 +++++++++
 pages/marathon/_marathon/submissions.vue      | 13 +++++++++
 pages/marathon/_marathon/submit.vue           | 13 +++++++++
 pages/marathon/new.vue                        | 13 +++++++++
 pages/news.vue                                | 27 +++++++++++++++++++
 pages/news/kaspersky-partnership.vue          | 13 +++++++++
 pages/patrons.vue                             | 13 +++++++++
 pages/user/_user.vue                          |  7 +++++
 pages/user/settings/index.vue                 | 13 +++++++++
 pages/user/settings/sync/discord.vue          | 13 +++++++++
 pages/user/settings/sync/twitch.vue           | 13 +++++++++
 pages/user/settings/sync/twitter.vue          | 13 +++++++++
 20 files changed, 271 insertions(+)
 create mode 100644 pages/login.vue
 create mode 100644 pages/news.vue

diff --git a/pages/about.vue b/pages/about.vue
index ca729f60..3c05948a 100644
--- a/pages/about.vue
+++ b/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>
diff --git a/pages/login.vue b/pages/login.vue
new file mode 100644
index 00000000..8e86ebb9
--- /dev/null
+++ b/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>
diff --git a/pages/marathon/_marathon/donate.vue b/pages/marathon/_marathon/donate.vue
index 2b1cf191..64a2ac9f 100644
--- a/pages/marathon/_marathon/donate.vue
+++ b/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>
diff --git a/pages/marathon/_marathon/donations.vue b/pages/marathon/_marathon/donations.vue
index e7eed85d..b72805bb 100644
--- a/pages/marathon/_marathon/donations.vue
+++ b/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>
diff --git a/pages/marathon/_marathon/incentives/index.vue b/pages/marathon/_marathon/incentives/index.vue
index defcef13..9521091b 100644
--- a/pages/marathon/_marathon/incentives/index.vue
+++ b/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>
diff --git a/pages/marathon/_marathon/incentives/manage.vue b/pages/marathon/_marathon/incentives/manage.vue
index 75ed446f..8791bc5e 100644
--- a/pages/marathon/_marathon/incentives/manage.vue
+++ b/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>
diff --git a/pages/marathon/_marathon/schedule/manage.vue b/pages/marathon/_marathon/schedule/manage.vue
index 661f41f6..a9694f81 100644
--- a/pages/marathon/_marathon/schedule/manage.vue
+++ b/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>
diff --git a/pages/marathon/_marathon/selection.vue b/pages/marathon/_marathon/selection.vue
index cd2a083c..a0ac7bc8 100644
--- a/pages/marathon/_marathon/selection.vue
+++ b/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>
diff --git a/pages/marathon/_marathon/settings.vue b/pages/marathon/_marathon/settings.vue
index 31642ded..2fc036f6 100644
--- a/pages/marathon/_marathon/settings.vue
+++ b/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>
diff --git a/pages/marathon/_marathon/submissions.vue b/pages/marathon/_marathon/submissions.vue
index 000a587e..420e90fe 100644
--- a/pages/marathon/_marathon/submissions.vue
+++ b/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>
diff --git a/pages/marathon/_marathon/submit.vue b/pages/marathon/_marathon/submit.vue
index 0831b431..b225859e 100644
--- a/pages/marathon/_marathon/submit.vue
+++ b/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>
diff --git a/pages/marathon/new.vue b/pages/marathon/new.vue
index 082172f5..69ecf137 100644
--- a/pages/marathon/new.vue
+++ b/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>
diff --git a/pages/news.vue b/pages/news.vue
new file mode 100644
index 00000000..4d667d1e
--- /dev/null
+++ b/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>
diff --git a/pages/news/kaspersky-partnership.vue b/pages/news/kaspersky-partnership.vue
index f1b8c7ce..cd502a57 100644
--- a/pages/news/kaspersky-partnership.vue
+++ b/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>
diff --git a/pages/patrons.vue b/pages/patrons.vue
index f91071fd..53595d07 100644
--- a/pages/patrons.vue
+++ b/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>
diff --git a/pages/user/_user.vue b/pages/user/_user.vue
index 25ec6e32..d3141030 100644
--- a/pages/user/_user.vue
+++ b/pages/user/_user.vue
@@ -8,6 +8,7 @@
 
 <script lang="ts">
 import Vue from 'vue';
+import { MetaInfo } from 'vue-meta';
 
 export default Vue.extend({
   data() {
@@ -15,5 +16,11 @@ export default Vue.extend({
       userId: this.$route.params.user,
     };
   },
+
+  head(): MetaInfo {
+    return {
+      title: this.$route.params.user,
+    };
+  },
 });
 </script>
diff --git a/pages/user/settings/index.vue b/pages/user/settings/index.vue
index 3d86cedb..23d0b4d9 100644
--- a/pages/user/settings/index.vue
+++ b/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>
diff --git a/pages/user/settings/sync/discord.vue b/pages/user/settings/sync/discord.vue
index fef3e110..ae02e006 100644
--- a/pages/user/settings/sync/discord.vue
+++ b/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>
diff --git a/pages/user/settings/sync/twitch.vue b/pages/user/settings/sync/twitch.vue
index 004235f3..f7b3ee95 100644
--- a/pages/user/settings/sync/twitch.vue
+++ b/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>
diff --git a/pages/user/settings/sync/twitter.vue b/pages/user/settings/sync/twitter.vue
index 2e82f44e..d9893bd7 100644
--- a/pages/user/settings/sync/twitter.vue
+++ b/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>