fix: revert datetime handling

vuejs · Dec 29, 2020 · a1daf2b · a1daf2b
1 parent 22e12b8
commit a1daf2b
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/client/theme-default/components/LastUpdated.vue b/src/client/theme-default/components/LastUpdated.vue
@@ -23,8 +23,11 @@ const prefix = computed(() => {
   return p === true ? 'Last Updated' : p
 })
 
-const datetime = computed(() => {
-  return new Date(page.value.lastUpdated).toLocaleString('en-US')
+const datetime = ref('')
+onMounted(() => {
+  // locale string might be different based on end user
+  // and will lead to potential hydration mismatch if calculated at build time
+  datetime.value = new Date(page.value.lastUpdated).toLocaleString('en-US')
 })
 </script>
 
@@ -33,7 +36,7 @@ const datetime = computed(() => {
   display: inline-block;
   margin: 0;
   line-height: 1.4;
-  font-size: .9rem;
+  font-size: 0.9rem;
   color: var(--c-text-light);
 }