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 { useQuery } from "@vue/apollo-composable";
|
||||||
import { computed } from "vue";
|
import { computed } from "vue";
|
||||||
import { useI18n } from "vue-i18n";
|
import { useI18n } from "vue-i18n";
|
||||||
|
import { useHead } from "@vueuse/head";
|
||||||
|
|
||||||
const { result: configResult } = useQuery<{ config: IConfig }>(ABOUT);
|
const { result: configResult } = useQuery<{ config: IConfig }>(ABOUT);
|
||||||
|
|
||||||
|
@ -156,15 +157,9 @@ const formattedLanguageList = computed((): string => {
|
||||||
|
|
||||||
const { t } = useI18n({ useScope: "global" });
|
const { t } = useI18n({ useScope: "global" });
|
||||||
|
|
||||||
// metaInfo() {
|
useHead({
|
||||||
// return {
|
title: t("About {instance}", { instance: config.value?.name }),
|
||||||
// title: this.t("About {instance}", {
|
});
|
||||||
// // eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
||||||
// // @ts-ignore
|
|
||||||
// instance: this?.config?.name,
|
|
||||||
// }) as string,
|
|
||||||
// };
|
|
||||||
// }
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|
|
@ -71,6 +71,7 @@
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { useQuery } from "@vue/apollo-composable";
|
import { useQuery } from "@vue/apollo-composable";
|
||||||
|
import { useHead } from "@vueuse/head";
|
||||||
import { computed } from "vue";
|
import { computed } from "vue";
|
||||||
import { useI18n } from "vue-i18n";
|
import { useI18n } from "vue-i18n";
|
||||||
import { ABOUT } from "../../graphql/config";
|
import { ABOUT } from "../../graphql/config";
|
||||||
|
@ -82,11 +83,9 @@ const config = computed(() => configResult.value?.config);
|
||||||
|
|
||||||
const { t } = useI18n({ useScope: "global" });
|
const { t } = useI18n({ useScope: "global" });
|
||||||
|
|
||||||
// metaInfo() {
|
useHead({
|
||||||
// return {
|
title: t("Glossary"),
|
||||||
// title: this.t("Glossary") as string,
|
});
|
||||||
// };
|
|
||||||
// },
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|
|
@ -14,6 +14,7 @@ import { PRIVACY } from "@/graphql/config";
|
||||||
import { IConfig } from "@/types/config.model";
|
import { IConfig } from "@/types/config.model";
|
||||||
import { InstancePrivacyType } from "@/types/enums";
|
import { InstancePrivacyType } from "@/types/enums";
|
||||||
import { useQuery } from "@vue/apollo-composable";
|
import { useQuery } from "@vue/apollo-composable";
|
||||||
|
import { useHead } from "@vueuse/head";
|
||||||
import { computed, watch } from "vue";
|
import { computed, watch } from "vue";
|
||||||
import { useI18n } from "vue-i18n";
|
import { useI18n } from "vue-i18n";
|
||||||
|
|
||||||
|
@ -33,11 +34,9 @@ const config = computed(() => configResult.value?.config);
|
||||||
|
|
||||||
const { t } = useI18n({ useScope: "global" });
|
const { t } = useI18n({ useScope: "global" });
|
||||||
|
|
||||||
// metaInfo() {
|
useHead({
|
||||||
// return {
|
title: t("Privacy Policy"),
|
||||||
// title: this.t("Privacy Policy") as string,
|
});
|
||||||
// };
|
|
||||||
// },
|
|
||||||
|
|
||||||
watch(config, () => {
|
watch(config, () => {
|
||||||
if (config.value?.privacy?.type === InstancePrivacyType.URL) {
|
if (config.value?.privacy?.type === InstancePrivacyType.URL) {
|
||||||
|
|
|
@ -14,6 +14,7 @@
|
||||||
import { RULES } from "@/graphql/config";
|
import { RULES } from "@/graphql/config";
|
||||||
import { IConfig } from "@/types/config.model";
|
import { IConfig } from "@/types/config.model";
|
||||||
import { useQuery } from "@vue/apollo-composable";
|
import { useQuery } from "@vue/apollo-composable";
|
||||||
|
import { useHead } from "@vueuse/head";
|
||||||
import { computed } from "vue";
|
import { computed } from "vue";
|
||||||
import { useI18n } from "vue-i18n";
|
import { useI18n } from "vue-i18n";
|
||||||
|
|
||||||
|
@ -23,9 +24,7 @@ const config = computed(() => configResult.value?.config);
|
||||||
|
|
||||||
const { t } = useI18n({ useScope: "global" });
|
const { t } = useI18n({ useScope: "global" });
|
||||||
|
|
||||||
// metaInfo() {
|
useHead({
|
||||||
// return {
|
title: t("Rules"),
|
||||||
// title: this.t("Rules") as string,
|
});
|
||||||
// };
|
|
||||||
// },
|
|
||||||
</script>
|
</script>
|
||||||
|
|
Loading…
Reference in a new issue