diff --git a/package-lock.json b/package-lock.json
index 1715833..52b14e6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2934,9 +2934,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001625",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001625.tgz",
-      "integrity": "sha512-4KE9N2gcRH+HQhpeiRZXd+1niLB/XNLAhSy4z7fI8EzcbcPoAqjNInxVHTiTwWfTIV4w096XG8OtCOCQQKPv3w==",
+      "version": "1.0.30001626",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001626.tgz",
+      "integrity": "sha512-JRW7kAH8PFJzoPCJhLSHgDgKg5348hsQ68aqb+slnzuB5QFERv846oA/mRChmlLAOdEDeOkRn3ynb1gSFnjt3w==",
       "dev": true,
       "funding": [
         {
@@ -5433,9 +5433,9 @@
       }
     },
     "node_modules/phaser3-rex-plugins": {
-      "version": "1.80.3",
-      "resolved": "https://registry.npmjs.org/phaser3-rex-plugins/-/phaser3-rex-plugins-1.80.3.tgz",
-      "integrity": "sha512-j/z588woCzkByrr+n1NiH4we1eDGnO/zzdO3S9XgE9b65MMA3phUUcx9GHuLvH1nWTGc025W0xG0bSFv7ekDSw==",
+      "version": "1.80.4",
+      "resolved": "https://registry.npmjs.org/phaser3-rex-plugins/-/phaser3-rex-plugins-1.80.4.tgz",
+      "integrity": "sha512-6Pj2brWySF0mbf848gjqDpSaG5L7MX4Y1OgNOm2sj2cKizFXPHAigHmqhIelPH0jRXKCGoVAPMwGURoGRZq9lA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -5615,9 +5615,9 @@
       }
     },
     "node_modules/prettier": {
-      "version": "3.2.5",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz",
-      "integrity": "sha512-3/GWa9aOC0YeD7LUfvOG2NiDyhOWRvt1k+rcKhOuYnMY24iiCphgneUfJDyFXd6rZCAnuLBv6UeAULtrhT/F4A==",
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.0.tgz",
+      "integrity": "sha512-J9odKxERhCQ10OC2yb93583f6UnYutOeiV5i0zEDS7UGTdUt0u+y8erxl3lBKvwo/JHyyoEdXjwp4dke9oyZ/g==",
       "dev": true,
       "license": "MIT",
       "bin": {
diff --git a/src/components/screens/Characters.vue b/src/components/screens/Characters.vue
index b421d76..279f5cc 100644
--- a/src/components/screens/Characters.vue
+++ b/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 })
 }