diff --git a/src/components/screens/Characters.vue b/src/components/screens/Characters.vue
index 0a0159f..ad08ea0 100644
--- a/src/components/screens/Characters.vue
+++ b/src/components/screens/Characters.vue
@@ -151,8 +151,8 @@ import { type Character as CharacterT, type CharacterHair } from '@/types'
 import ConfirmationModal from '@/components/utilities/ConfirmationModal.vue'
 
 const gameStore = useGameStore()
-const isLoading = ref(true)
-const characters = ref([] as CharacterT[])
+const isLoading = ref<boolean>(true)
+const characters = ref<CharacterT[]>([])
 const deletingCharacter = ref(null as CharacterT | null)
 const selectedCharacterId = ref<number | null>(null)
 const isCreateNewCharacterModalOpen = ref<boolean>(false)