From 90379b24a6bd9d965c5137714bbfdb3ab68122b4 Mon Sep 17 00:00:00 2001 From: Divyansh Singh <40380293+brc-dd@users.noreply.github.com> Date: Sun, 7 Sep 2025 17:01:41 +0530 Subject: [PATCH] rename stuff and format --- .../components/VPDocFooterLastUpdated.vue | 23 ++++++++++--------- 1 file changed, 12 insertions(+), 11 deletions(-) diff --git a/src/client/theme-default/components/VPDocFooterLastUpdated.vue b/src/client/theme-default/components/VPDocFooterLastUpdated.vue index 6812285e..78b9e2fb 100644 --- a/src/client/theme-default/components/VPDocFooterLastUpdated.vue +++ b/src/client/theme-default/components/VPDocFooterLastUpdated.vue @@ -3,14 +3,12 @@ import { ref, computed, watchEffect, onMounted, useTemplateRef } from 'vue' import { useData } from '../composables/data' import { useNavigatorLanguage } from '@vueuse/core' -const { theme, page, lang } = useData() -const { language } = useNavigatorLanguage() +const { theme, page, lang: pageLang } = useData() +const { language: browserLang } = useNavigatorLanguage() const timeRef = useTemplateRef('timeRef') -const date = computed( - () => new Date(page.value.lastUpdated!) -) +const date = computed(() => new Date(page.value.lastUpdated!)) const isoDatetime = computed(() => date.value.toISOString()) const datetime = ref('') @@ -18,18 +16,21 @@ const datetime = ref('') // potential differences in timezones of the server and clients onMounted(() => { watchEffect(() => { - const browserLang = theme.value.lastUpdated?.formatOptions?.forceLocale ? lang.value : language.value + const lang = theme.value.lastUpdated?.formatOptions?.forceLocale + ? pageLang.value + : browserLang.value + datetime.value = new Intl.DateTimeFormat( - browserLang, + lang, theme.value.lastUpdated?.formatOptions ?? { dateStyle: 'medium', timeStyle: 'medium' } ).format(date.value) - if (browserLang && lang.value !== browserLang) { - timeRef.value?.setAttribute('lang', browserLang) - } - else { + + if (lang && pageLang.value !== lang) { + timeRef.value?.setAttribute('lang', lang) + } else { timeRef.value?.removeAttribute('lang') } })