#161: Store chats into database

src/components/Effects.vue

@@ -195,8 +195,8 @@ const setupSocketListeners = () => {
 }
 
 const updateEffectWindowSize = () => {
-  if(rainEmitter.value) rainEmitter.value.updateConfig({x: {min: 0, max: window.innerWidth}})
-  if(fogSprite.value) {
+  if (rainEmitter.value) rainEmitter.value.updateConfig({ x: { min: 0, max: window.innerWidth } })
+  if (fogSprite.value) {
     fogSprite.value.setX(window.innerWidth / 2)
     fogSprite.value.setY(window.innerHeight / 2)
   }
@@ -206,12 +206,12 @@ const updateEffectWindowSize = () => {
 watch(() => zoneStore.zone?.zoneEffects, updateEffects, { deep: true })
 
 onMounted(() => {
-  window.addEventListener("resize", updateEffectWindowSize);
+  window.addEventListener('resize', updateEffectWindowSize)
 })
 
 // Cleanup
 onBeforeUnmount(() => {
-  window.removeEventListener("resize", updateEffectWindowSize);
+  window.removeEventListener('resize', updateEffectWindowSize)
   if (sceneRef.value) sceneRef.value.scene.remove('effects')
   gameStore.connection?.off('weather')
 })

src/components/gui/Chat.vue

@@ -20,9 +20,9 @@
 </template>
 
 <script setup lang="ts">
-import { onBeforeUnmount, onMounted, ref, nextTick } from 'vue'
+import { onBeforeUnmount, ref, nextTick } from 'vue'
 import { useGameStore } from '@/stores/gameStore'
-import type { Character, ChatMessage } from '@/types'
+import type { Chat } from '@/types'
 import { useZoneStore } from '@/stores/zoneStore'
 import { useScene } from 'phavuer'
 
@@ -31,12 +31,12 @@ const gameStore = useGameStore()
 const zoneStore = useZoneStore()
 
 const message = ref('')
-const chats = ref([] as ChatMessage[])
+const chats = ref([] as Chat[])
 const chatWindow = ref<HTMLElement | null>(null)
 
 const sendMessage = () => {
   if (!message.value.trim()) return
-  gameStore.connection?.emit('chat:send_message', { message: message.value }, (response: boolean) => {})
+  gameStore.connection?.emit('chat:message', { message: message.value }, (response: boolean) => {})
   message.value = ''
 }
 
@@ -60,7 +60,8 @@ const scrollToBottom = () => {
   })
 }
 
-gameStore.connection?.on('chat:message', (data: ChatMessage) => {
+gameStore.connection?.on('chat:message', (data: Chat) => {
+  console.log(data)
   chats.value.push(data)
   scrollToBottom()