import { ref } from 'vue'
import { gameData } from '@/composables/useCef'

export function useHud() {
    const username = ref(gameData.username);
    const health = ref(gameData.health);
    const armor = ref(gameData.armor);

    const getIcon = (icon: string) => {
        return require(`@/assets/images/hud/${icon}`);
    }

    return {
        getIcon,
        username,
        health,
        armor
    }
}