import { ref, computed } from 'vue'
import { t, changeLanguage, availableLanguages, languagePacks } from '../lang/index'

export const useLanguage = () => {
    const translate = computed(() => (key) => {
        return t.value && key in t.value ? t.value[key] : key
    })

    const currentLanguage = computed(() => t.value?.language || '简体中文')
    return {
        t,
        translate,
        changeLanguage,
        availableLanguages,
        languagePacks,
        currentLanguage
    }
}