import { useStore } from '@/store'
import type { App } from 'vue'
import { chineseLanguageLoader } from '@/i18n/util'

export const switchLanguage = {
  install: (app: App<Element>) => {
    const store = useStore()

    app.config.globalProperties.switchLanguage = <V extends object, K extends keyof V>(value: V, key: K): V[K] => {
      const language = store.language
      let content: any
      if (language === 'zh') {
        content = value[key]
      }
      if (language === 'en' && value[(key + 'En') as keyof typeof value]) {
        content = value[(key + 'En') as keyof typeof value]
      } else if (language === 'en' && !value[(key + 'En') as keyof typeof value]) {
        content = value[key]
      }
      if (language === 'tw') {
        content = chineseLanguageLoader(value[key])
      }
      return content
    }
  }
}