diff --git a/src/components/screens/Characters.vue b/src/components/screens/Characters.vue
index 5050362..5d84259 100644
--- a/src/components/screens/Characters.vue
+++ b/src/components/screens/Characters.vue
@@ -62,13 +62,13 @@ import {type Character as CharacterT} from '@/types'
 const socket = useSocketStore()
 
 // Fetch characters
+const characters = ref([])
 socket.getConnection.on('character:list', (data: any) => {
   characters.value = data
 })
 socket.getConnection.emit('character:list')
 
 // Select character logics
-const characters = ref([])
 const selected_character = ref(null)
 function select_character() {
   console.log(selected_character.value)