export interface Language {
  lang: string
  auth: {
    submit: string
    ok: string
    cancel: string
    myAccount: string
    navigation: string
    fields: {
      email: string
      username: string
      password: string
      repeatPassword: string
    }
    login: {
      login: string
      passwordForgot: string
      verificationRequired: string
      invalidCredentials: string
      rememberMe: string
      registerMessage: string
      register: string
      createAccount: string
    }
    consent: {
      message: (name: string) => string
      deny: string
      allow: string
    }
    register: {
      register: string
      invalidData: string
      alreadyRegistered: string
      accountCreated: string
      verificationRequired: string
      checkEmail: (email: string) => string
      error: string
    }
    verification: {
      success: string
      failed: string
      slider: string
    }
    logout: {
      confirmation: string
      confirm: string
      logout: string
      cancel: string
    }
    password: {
      forgot: {
        header: string
        checkEmail: string
        unknownEmail: string
      }
      reset: {
        header: string
        success: string
      }
    }
    validations: {
      required: string
      passwordLength: (length: string | number) => string
      passwordMatch: string
      email: string
      username: string
    }
  }
}

import type { Ref } from 'vue'
import { ref } from 'vue'
import en from './lang/en-us'
export const lang = ref(en)
// @ts-ignore
const locales = import.meta.glob('./lang/*.ts')

export const defineLang = (lang: Language) => {
  return lang
}

export const useLang = () => {
  return lang as Ref<Language>
}

export const loadLang = async (locale: string) => {
  try {
    // @ts-ignore
    const data = (await locales[`./lang/${locale}.ts`]()).default

    if (data) {
      lang.value = data
    }
  } catch (e) {
    console.log(e)
    throw new Error(`Failed to load ${locale} locale.`)
  }
}