Merge branch 'fix-about-section-title' into 'main'
fix(front): Fix about sections titles See merge request framasoft/mobilizon!1379
This commit is contained in:
commit
7872100af3
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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) {
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue