Skip to content

Commit

Permalink
fix(theme): use locale lang instead of navigator lang for last updated (
Browse files Browse the repository at this point in the history
  • Loading branch information
brc-dd authored Mar 21, 2023
1 parent 42a0ef2 commit 56a7d9a
Showing 1 changed file with 4 additions and 5 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down

0 comments on commit 56a7d9a

Please sign in to comment.