mirror of
https://github.com/mmjee/Piped-Material.git
synced 2024-12-06 19:26:36 +01:00
root
128 lines
3.3 KiB
JavaScript
128 lines
3.3 KiB
JavaScript
import Vue from 'vue'
|
|
import VueI18n from 'vue-i18n'
|
|
import TimeAgo from 'javascript-time-ago'
|
|
|
|
import store from '@/store'
|
|
import ENTranslations from '@/translations/en.json'
|
|
|
|
Vue.use(VueI18n)
|
|
|
|
const messages = {
|
|
en: ENTranslations
|
|
}
|
|
|
|
export const i18n = new VueI18n({
|
|
locale: 'en', // set default locale
|
|
fallbackLocale: 'en',
|
|
messages
|
|
})
|
|
|
|
export const TIME_AGO_EXCEPTIONS = {
|
|
'bn-Beng': 'bn',
|
|
'nb-NO': 'nb'
|
|
}
|
|
|
|
export const COUNTRY_I18N_EXCEPTIONS = {
|
|
'bn-Beng': 'bn',
|
|
'nb-NO': 'nb',
|
|
'zh-Hant': 'zh',
|
|
'zh-Hans': 'zh'
|
|
}
|
|
|
|
async function syncStylesPerLanguage (locale) {
|
|
switch (locale) {
|
|
// All the latin languages
|
|
case 'de':
|
|
case 'en':
|
|
case 'el':
|
|
case 'fr':
|
|
case 'lt':
|
|
case 'ml':
|
|
case 'tr':
|
|
case 'bn-Latn':
|
|
// Don't need to import fonts because Latin fonts are always loaded
|
|
document.body.classList.remove(...document.body.classList)
|
|
document.body.classList.add('latin')
|
|
break
|
|
// Bengali script
|
|
case 'bn-Beng':
|
|
await import('@fontsource/baloo-da-2/bengali.css')
|
|
document.body.classList.remove(...document.body.classList)
|
|
document.body.classList.add('bengali')
|
|
break
|
|
// Other languages
|
|
// NOTE: if you are a native speaker & want to see a different font, just email me or join the channel
|
|
case 'zh-Hant':
|
|
await import('@fontsource/noto-sans-tc/chinese-traditional.css')
|
|
document.body.classList.remove(...document.body.classList)
|
|
document.body.classList.add('traditional-chinese')
|
|
break
|
|
case 'zh-Hans':
|
|
await import('@fontsource/noto-sans-sc/chinese-simplified.css')
|
|
document.body.classList.remove(...document.body.classList)
|
|
document.body.classList.add('simplified-chinese')
|
|
break
|
|
case 'ja':
|
|
await import('@fontsource/noto-sans-jp/japanese.css')
|
|
document.body.classList.remove(...document.body.classList)
|
|
document.body.classList.add('japanese')
|
|
break
|
|
case 'ko':
|
|
await import('@fontsource/noto-sans-kr/korean.css')
|
|
document.body.classList.remove(...document.body.classList)
|
|
document.body.classList.add('korean')
|
|
break
|
|
case 'ru':
|
|
await import('@fontsource/nunito-sans/cyrillic.css')
|
|
document.body.classList.remove(...document.body.classList)
|
|
document.body.classList.add('russian')
|
|
break
|
|
}
|
|
}
|
|
|
|
export async function loadLocale (locale) {
|
|
if (i18n.availableLocales.includes(locale)) {
|
|
return
|
|
}
|
|
// load locale messages with dynamic import
|
|
const messages = await import(/* webpackChunkName: "translations-[request]" */ `@/translations/${locale}.json`)
|
|
|
|
// set locale and locale message
|
|
i18n.setLocaleMessage(locale, messages.default)
|
|
|
|
return Vue.nextTick()
|
|
}
|
|
|
|
async function loadFormatting (locale) {
|
|
const tal = TIME_AGO_EXCEPTIONS[locale] || locale
|
|
const data = await import(/* webpackChunkName: "timeago-[request]" */ `javascript-time-ago/locale/${tal}.json`)
|
|
TimeAgo.addLocale(data)
|
|
const timeAgo = new TimeAgo(locale)
|
|
|
|
store.commit('i18n/updateState', {
|
|
intlLocale: locale,
|
|
timeAgo
|
|
})
|
|
}
|
|
|
|
export async function changeLocale (lang) {
|
|
await Promise.all([
|
|
loadLocale(lang),
|
|
syncStylesPerLanguage(lang),
|
|
loadFormatting(lang)
|
|
])
|
|
i18n.locale = lang
|
|
window.localStorage.setItem('LOCALE', lang)
|
|
}
|
|
|
|
function initializeLocalLocale () {
|
|
let lang = window.localStorage.getItem('LOCALE')
|
|
if (lang == null) {
|
|
// Default language
|
|
lang = 'en'
|
|
}
|
|
return changeLocale(lang)
|
|
}
|
|
|
|
export const i18nInitialized = initializeLocalLocale()
|