Minor change

src/components/Effects.vue

@@ -146,12 +146,12 @@ const setupSocketListeners = () => {
     updateScene()
   })
 
-  gameStore.connection?.on('weather', (data: WeatherState) => {
+  gameStore.connection!.on('weather', (data: WeatherState) => {
     weatherState.value = data
     updateScene()
   })
 
-  gameStore.connection?.on('date', updateScene)
+  gameStore.connection!.on('date', updateScene)
 }
 
 const handleResize = () => {

src/components/gui/Chat.vue

@@ -79,7 +79,7 @@ const scrollToBottom = () => {
   })
 }
 
-gameStore.connection?.on('chat:message', (data: Chat) => {
+gameStore.connection!.on('chat:message', (data: Chat) => {
   chats.value.push(data)
   scrollToBottom()
 

src/components/gui/Clock.vue

@@ -11,7 +11,7 @@ import { onUnmounted } from 'vue'
 const gameStore = useGameStore()
 
 // Listen for new date from socket
-gameStore.connection?.on('date', (data: Date) => {
+gameStore.connection!.on('date', (data: Date) => {
   gameStore.world.date = new Date(data)
 })
 

src/components/screens/Characters.vue

@@ -145,7 +145,7 @@ setTimeout(() => {
   gameStore.connection?.emit('character:list')
 }, 750)
 
-gameStore.connection?.on('character:list', (data: any) => {
+gameStore.connection!.on('character:list', (data: any) => {
   characters.value = data
   isLoading.value = false
 
@@ -160,17 +160,21 @@ gameStore.connection?.on('character:list', (data: any) => {
 function loginWithCharacter() {
   if (!selectedCharacterId.value) return
 
-  gameStore.connection?.emit('character:connect', {
-    characterId: selectedCharacterId.value,
-    characterHairId: selectedHairId.value
-  }, (response: { character: CharacterT, zone: Zone, characters: CharacterT[] }) => {
-    gameStore.setCharacter(response.character)
-  })
+  gameStore.connection?.emit(
+    'character:connect',
+    {
+      characterId: selectedCharacterId.value,
+      characterHairId: selectedHairId.value
+    },
+    (response: { character: CharacterT; zone: Zone; characters: CharacterT[] }) => {
+      gameStore.setCharacter(response.character)
+    }
+  )
 }
 
 // Create character logics
 function createCharacter() {
-  gameStore.connection?.on('character:create:success', (data: CharacterT) => {
+  gameStore.connection!.on('character:create:success', (data: CharacterT) => {
     gameStore.setCharacter(data)
     isCreateNewCharacterModalOpen.value = false
   })