fix(theme): use locale lang instead of navigator lang for last updated (#2118)

pull/2121/head
Divyansh Singh 2 years ago committed by GitHub
parent 42a0ef21c1
commit 56a7d9aa74
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -2,18 +2,17 @@
import { ref, computed, watchEffect, onMounted } from 'vue'
import { useData } from '../composables/data'
const { theme, page } = useData()
const { theme, page, lang } = useData()
const date = computed(() => new Date(page.value.lastUpdated!))
const isoDatetime = computed(() => date.value.toISOString())
const datetime = ref('')
// set time on mounted hook because the locale string might be different
// based on end user and will lead to potential hydration mismatch if
// calculated at build time
// set time on mounted hook to avoid hydration mismatch due to
// potential differences in timezones of the server and clients
onMounted(() => {
watchEffect(() => {
datetime.value = date.value.toLocaleString(window.navigator.language)
datetime.value = date.value.toLocaleString(lang.value)
})
})
</script>

Loading…
Cancel
Save