npm update, fixed characters not loading, typescript improvements

src/components/screens/Characters.vue

@@ -53,17 +53,16 @@
 <script setup lang="ts">
 import { useSocketStore } from '@/stores/socket'
 import { ref } from 'vue'
-import type { Character } from '../../../env'
 import Modal from '@/components/utilities/Modal.vue'
+import {type Character as CharacterT} from '@/types'
 
 const socket = useSocketStore()
 
 // Fetch characters
-socket.getConnection.emit('character:list')
 socket.getConnection.on('character:list', (data: any) => {
-  console.log(data)
   characters.value = data
 })
+socket.getConnection.emit('character:list')
 
 // Select character logics
 const characters = ref([])
@@ -72,11 +71,11 @@ function select_character() {
   console.log(selected_character.value)
   if (!selected_character.value) return
   socket.getConnection.emit('character:connect', { character_id: selected_character.value })
-  socket.getConnection.on('character:connect', (data: Character) => socket.setCharacter(data))
+  socket.getConnection.on('character:connect', (data: CharacterT) => socket.setCharacter(data))
 }
 
 // Delete character logics
-function delete_character(character_id) {
+function delete_character(character_id: number) {
   if (!character_id) return
   socket.getConnection.emit('character:delete', { character_id: character_id })
 }