convert timezone locally (#24)

* fix time zone bug

components/Chat.vue

@@ -17,7 +17,7 @@
 						{{ chat.username }}
 					</span>
 					<span class="time text-[0.8rem] text-sm text-[#777]">{{
-						chat.time
+						convertToLocaleTime(chat.time)
 					}}</span>
 				</div>
 				<p class="text m-0 text-white">{{ chat.text }}</p>
@@ -32,6 +32,7 @@
 
 <script setup lang="ts">
 import { watch, nextTick } from "vue"
+import moment from "moment"
 
 interface Chat {
 	username: string
@@ -49,6 +50,10 @@ const scrollToBottom = () => {
 	})
 }
 
+const convertToLocaleTime = (utcTime: string) => {
+	return moment.utc(utcTime).local().format("h:mm a")
+}
+
 const props = defineProps<{
 	chats: Chat[]
 }>()

server/utils/index.ts

@@ -151,7 +151,7 @@ export function formatMessage(username: string, text: string) {
 	return {
 		username,
 		text,
-		time: moment().format("h:mm a"),
+		time: moment().utc().format("YYYY-MM-DDTHH:mm:ss"),
 	}
 }