chamilo-lms/assets/vue/composables/locale.js

import { usePlatformConfig } from "../store/platformConfig"
import { useSecurityStore } from "../store/securityStore"
import { useCidReqStore } from "../store/cidReq"
import { useCourseSettings } from "../store/courseSettingStore"
import { computed, ref, watch } from "vue"

export function useLocale() {
  const platformConfigStore = usePlatformConfig()
  const securityStore = useSecurityStore()
  const cidReqStore = useCidReqStore()
  const courseSettingsStore = useCourseSettings()

  const appLocale = ref(document.querySelector('html').lang)

  const localeList = computed(() => {
    const list = {}
    list['platform_lang'] = platformConfigStore.getSetting('language.platform_language')
    list['user_profil_lang'] = securityStore.user ? securityStore.user.locale : null

    let courseLang = null
    if (courseSettingsStore.getSetting('show_course_in_user_language') === '1' && securityStore.user && securityStore.user.locale) {
      courseLang = securityStore.user.locale
    } else if (cidReqStore.course) {
      courseLang = cidReqStore.course.courseLanguage
    }
    list['course_lang'] = courseLang

    return list
  });

  watch(localeList, (newLocaleList) => {
    const priorityList = ['language_priority_1', 'language_priority_2', 'language_priority_3', 'language_priority_4']
    for (const priority of priorityList) {
      const setting = platformConfigStore.getSetting(`language.${priority}`)
      if (setting && newLocaleList[setting]) {
        appLocale.value = newLocaleList[setting]
        break
      }
    }
  }, { immediate: true })

  return {
    appLocale
  }
}

/**
 * @param {string} localeName
 */
export function useParentLocale(localeName) {
  const parts = localeName.split('_')

  if (parts.length > 0) {
    return parts[0]
  }

  return localeName
}