From b8b20eff80d29c9f754b466d14f3f0ce7837099e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Peixoto?=
 <34691925+jdiogopeixoto@users.noreply.github.com>
Date: Tue, 16 Mar 2021 19:46:29 +0000
Subject: [PATCH] fix: fix dayjs date format (#87)

---
 src/.vuepress/theme/components/blog/PostHero.vue          | 8 +++++---
 src/.vuepress/theme/components/blog/PostMeta.vue          | 8 +++++---
 src/.vuepress/theme/components/blog/VideoModalContent.vue | 8 +++++---
 3 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/.vuepress/theme/components/blog/PostHero.vue b/src/.vuepress/theme/components/blog/PostHero.vue
index e9fe7bfc..626b64c1 100644
--- a/src/.vuepress/theme/components/blog/PostHero.vue
+++ b/src/.vuepress/theme/components/blog/PostHero.vue
@@ -51,6 +51,7 @@
 
 <script>
 import dayjs from 'dayjs'
+import utc from 'dayjs/plugin/utc'
 import Breadcrumbs from '@theme/components/Breadcrumbs'
 import LazyImage from '@theme/components/base/LazyImage'
 import PostAuthor from '@theme/components/blog/PostAuthor'
@@ -90,9 +91,10 @@ export default {
   },
   computed: {
     resolvedDate() {
-      return dayjs(this.date).format(
-        this.$themeLocaleConfig.dateFormat || 'YYYY-MM-DD'
-      )
+      dayjs.extend(utc)
+      return dayjs
+        .utc(this.date)
+        .format(this.$themeLocaleConfig.dateFormat || 'YYYY-MM-DD')
     },
     resolvedTags() {
       if (!this.tags || Array.isArray(this.tags)) return this.tags
diff --git a/src/.vuepress/theme/components/blog/PostMeta.vue b/src/.vuepress/theme/components/blog/PostMeta.vue
index 76f97573..3f858d84 100644
--- a/src/.vuepress/theme/components/blog/PostMeta.vue
+++ b/src/.vuepress/theme/components/blog/PostMeta.vue
@@ -64,6 +64,7 @@
 
 <script>
 import dayjs from 'dayjs'
+import utc from 'dayjs/plugin/utc'
 import PostTag from '@theme/components/blog/PostTag'
 import PostAuthor from '@theme/components/blog/PostAuthor'
 import UnstyledLink from '@theme/components/UnstyledLink'
@@ -115,9 +116,10 @@ export default {
   },
   computed: {
     resolvedDate() {
-      return dayjs(this.date).format(
-        this.$themeLocaleConfig.dateFormat || 'YYYY-MM-DD'
-      )
+      dayjs.extend(utc)
+      return dayjs
+        .utc(this.date)
+        .format(this.$themeLocaleConfig.dateFormat || 'YYYY-MM-DD')
     },
     resolvedTags() {
       if (!this.tags || Array.isArray(this.tags)) return this.tags
diff --git a/src/.vuepress/theme/components/blog/VideoModalContent.vue b/src/.vuepress/theme/components/blog/VideoModalContent.vue
index 49ec7cf6..a7498f85 100644
--- a/src/.vuepress/theme/components/blog/VideoModalContent.vue
+++ b/src/.vuepress/theme/components/blog/VideoModalContent.vue
@@ -81,6 +81,7 @@
 import { mapState } from 'vuex'
 
 import dayjs from 'dayjs'
+import utc from 'dayjs/plugin/utc'
 import UnstyledLink from '@theme/components/UnstyledLink'
 import PostSocials from '@theme/components/blog/PostSocials.vue'
 import PostTag from '@theme/components/blog/PostTag'
@@ -120,9 +121,10 @@ export default {
         : `https://www.youtube.com/embed/${id}?${start ? `start=${start}` : ''}`
     },
     resolvedDate() {
-      return dayjs(this.videoModalCard.date).format(
-        this.$themeLocaleConfig.dateFormat || 'YYYY-MM-DD'
-      )
+      dayjs.extend(utc)
+      return dayjs
+        .utc(this.date)
+        .format(this.$themeLocaleConfig.dateFormat || 'YYYY-MM-DD')
     },
     resolvedTags() {
       if (