fix: timezone in VCLiveTime & time_warning, close #341

packages/valaxy-addon-components/components/VCLiveTime.vue

@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import { onMounted, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
+import dayjs from 'dayjs'
 
 const props = defineProps<{
   startTime: string
@@ -17,16 +18,13 @@ const passSecond = ref(0)
  * get live time
  */
 function siteLiveTime() {
-  const start = new Date(props.startTime)
-  const now = new Date()
-  const timeDiff = (now.getTime() - start.getTime())
-  const msPerMinute = 60 * 1000
-  const msPerHour = 60 * msPerMinute
-  const msPerDay = 24 * msPerHour
-  passDay.value = Math.floor(timeDiff / msPerDay)
-  passHour.value = Math.floor((timeDiff % msPerDay) / 60 / 60 / 1000)
-  passMinute.value = Math.floor((timeDiff % msPerHour) / 60 / 1000)
-  passSecond.value = Math.floor((timeDiff % msPerMinute) / 1000)
+  const start = dayjs(props.startTime)
+  const now = dayjs()
+  const timeDiff = now.diff(start)
+  passDay.value = Math.floor(timeDiff / 1000 / 60 / 60 / 24)
+  passHour.value = Math.floor(timeDiff / 1000 / 60 / 60 % 24)
+  passMinute.value = Math.floor(timeDiff / 1000 / 60 % 60)
+  passSecond.value = Math.floor(timeDiff / 1000 % 60)
 }
 
 onMounted(() => {

packages/valaxy-theme-yun/setup/main.ts

@@ -1,5 +1,11 @@
 import { defineAppSetup } from 'valaxy'
 
+import dayjs from 'dayjs'
+import timezone from 'dayjs/plugin/timezone'
+
 export default defineAppSetup((_ctx) => {
   // can do for setup
+
+  // for types in time warning
+  dayjs.extend(timezone)
 })

packages/valaxy/client/utils/time.ts

@@ -1,12 +1,6 @@
 import dayjs from 'dayjs'
-import utc from 'dayjs/plugin/utc'
-import timezone from 'dayjs/plugin/timezone'
-
 import type { Post } from '../../types'
 
-dayjs.extend(utc)
-dayjs.extend(timezone)
-
 /**
  * use dayjs format date
  * @param date