fix: inconsistent date in different timezone (fix #97)

Author: billyyyyy3320

components/PostMeta.vue

@@ -25,9 +25,12 @@
 
 <script>
 import dayjs from 'dayjs'
+import dayjsPluginUTC from 'dayjs/plugin/utc'
 import { NavigationIcon, ClockIcon } from 'vue-feather-icons'
 import PostTag from './PostTag.vue'
 
+dayjs.extend(dayjsPluginUTC)
+
 export default {
   name: 'PostMeta',
   components: { NavigationIcon, ClockIcon, PostTag },
@@ -47,9 +50,9 @@ export default {
   },
   computed: {
     resolvedDate() {
-      return dayjs(this.date).format(
-        this.$themeConfig.dateFormat || 'ddd MMM DD YYYY'
-      )
+      return dayjs
+        .utc(this.date)
+        .format(this.$themeConfig.dateFormat || 'ddd MMM DD YYYY')
     },
     resolvedTags() {
       if (!this.tags || Array.isArray(this.tags)) return this.tags

global-components/BaseListLayout.vue

@@ -84,12 +84,15 @@
 
 import Vue from 'vue'
 import dayjs from 'dayjs'
+import dayjsPluginUTC from 'dayjs/plugin/utc'
 import { NavigationIcon, ClockIcon, TagIcon } from 'vue-feather-icons'
 import {
   Pagination,
   SimplePagination,
 } from '@vuepress/plugin-blog/lib/client/components'
 
+dayjs.extend(dayjsPluginUTC)
+
 export default {
   components: { NavigationIcon, ClockIcon, TagIcon },
 
@@ -124,9 +127,9 @@ export default {
     },
 
     resolvePostDate(date) {
-      return dayjs(date).format(
-        this.$themeConfig.dateFormat || 'ddd MMM DD YYYY'
-      )
+      return dayjs
+        .utc(date)
+        .format(this.$themeConfig.dateFormat || 'ddd MMM DD YYYY')
     },
 
     resolvePostTags(tags) {