From 487f4069b14fde6304c9a42cec5b1c1af79814c5 Mon Sep 17 00:00:00 2001
From: Thomas Citharel <tcit@tcit.fr>
Date: Thu, 20 Apr 2023 12:19:21 +0200
Subject: [PATCH] fix(front): Fix about sections titles

Signed-off-by: Thomas Citharel <tcit@tcit.fr>
---
 js/src/views/About/AboutInstanceView.vue | 13 ++++---------
 js/src/views/About/GlossaryView.vue      |  9 ++++-----
 js/src/views/About/PrivacyView.vue       |  9 ++++-----
 js/src/views/About/RulesView.vue         |  9 ++++-----
 4 files changed, 16 insertions(+), 24 deletions(-)

diff --git a/js/src/views/About/AboutInstanceView.vue b/js/src/views/About/AboutInstanceView.vue
index 13a33f1e..7f8c3cf0 100644
--- a/js/src/views/About/AboutInstanceView.vue
+++ b/js/src/views/About/AboutInstanceView.vue
@@ -123,6 +123,7 @@ import { IStatistics } from "../../types/statistics.model";
 import { useQuery } from "@vue/apollo-composable";
 import { computed } from "vue";
 import { useI18n } from "vue-i18n";
+import { useHead } from "@vueuse/head";
 
 const { result: configResult } = useQuery<{ config: IConfig }>(ABOUT);
 
@@ -156,15 +157,9 @@ const formattedLanguageList = computed((): string => {
 
 const { t } = useI18n({ useScope: "global" });
 
-// metaInfo() {
-//   return {
-//     title: this.t("About {instance}", {
-//       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-//       // @ts-ignore
-//       instance: this?.config?.name,
-//     }) as string,
-//   };
-// }
+useHead({
+  title: t("About {instance}", { instance: config.value?.name }),
+});
 </script>
 
 <style lang="scss" scoped>
diff --git a/js/src/views/About/GlossaryView.vue b/js/src/views/About/GlossaryView.vue
index 7faed36f..d18b5b21 100644
--- a/js/src/views/About/GlossaryView.vue
+++ b/js/src/views/About/GlossaryView.vue
@@ -71,6 +71,7 @@
 
 <script lang="ts" setup>
 import { useQuery } from "@vue/apollo-composable";
+import { useHead } from "@vueuse/head";
 import { computed } from "vue";
 import { useI18n } from "vue-i18n";
 import { ABOUT } from "../../graphql/config";
@@ -82,11 +83,9 @@ const config = computed(() => configResult.value?.config);
 
 const { t } = useI18n({ useScope: "global" });
 
-// metaInfo() {
-//   return {
-//     title: this.t("Glossary") as string,
-//   };
-// },
+useHead({
+  title: t("Glossary"),
+});
 </script>
 
 <style lang="scss" scoped>
diff --git a/js/src/views/About/PrivacyView.vue b/js/src/views/About/PrivacyView.vue
index b7ca7db2..20213f43 100644
--- a/js/src/views/About/PrivacyView.vue
+++ b/js/src/views/About/PrivacyView.vue
@@ -14,6 +14,7 @@ import { PRIVACY } from "@/graphql/config";
 import { IConfig } from "@/types/config.model";
 import { InstancePrivacyType } from "@/types/enums";
 import { useQuery } from "@vue/apollo-composable";
+import { useHead } from "@vueuse/head";
 import { computed, watch } from "vue";
 import { useI18n } from "vue-i18n";
 
@@ -33,11 +34,9 @@ const config = computed(() => configResult.value?.config);
 
 const { t } = useI18n({ useScope: "global" });
 
-// metaInfo() {
-//   return {
-//     title: this.t("Privacy Policy") as string,
-//   };
-// },
+useHead({
+  title: t("Privacy Policy"),
+});
 
 watch(config, () => {
   if (config.value?.privacy?.type === InstancePrivacyType.URL) {
diff --git a/js/src/views/About/RulesView.vue b/js/src/views/About/RulesView.vue
index 37c15345..889d75be 100644
--- a/js/src/views/About/RulesView.vue
+++ b/js/src/views/About/RulesView.vue
@@ -14,6 +14,7 @@
 import { RULES } from "@/graphql/config";
 import { IConfig } from "@/types/config.model";
 import { useQuery } from "@vue/apollo-composable";
+import { useHead } from "@vueuse/head";
 import { computed } from "vue";
 import { useI18n } from "vue-i18n";
 
@@ -23,9 +24,7 @@ const config = computed(() => configResult.value?.config);
 
 const { t } = useI18n({ useScope: "global" });
 
-// metaInfo() {
-//     return {
-//       title: this.t("Rules") as string,
-//     };
-//   },
+useHead({
+  title: t("Rules"),
+});
 </script>