125 lines
2.3 KiB
JavaScript
125 lines
2.3 KiB
JavaScript
import Vue from 'vue'
|
|
import VueI18n from 'vue-i18n'
|
|
import messages from '../langs/index'
|
|
|
|
/**
|
|
* @param choice {number} a choice index given by the input to $tc: `$tc('path.to.rule', choiceIndex)`
|
|
* @param choicesLength {number} an overall amount of available choices
|
|
* @returns a final choice index to select plural word by
|
|
**/
|
|
VueI18n.prototype.getChoiceIndex = function (choice, choicesLength) {
|
|
// this === VueI18n instance, so the locale property also exists here
|
|
// add the word "only" if the value is greater than 1 and less than 5
|
|
if (this.locale !== 'ru') {
|
|
if (choice === 0 || choice === 1) {
|
|
return choice
|
|
}
|
|
|
|
if (choice > 1 && choice < 5) {
|
|
return 2
|
|
}
|
|
|
|
return 3
|
|
}
|
|
|
|
// comply with the rules of the Russian language
|
|
|
|
if (choice === 0) {
|
|
return 0
|
|
}
|
|
|
|
const teen = choice > 10 && choice < 20
|
|
const endsWithOne = choice % 10 === 1
|
|
|
|
if (!teen && endsWithOne) {
|
|
return 1
|
|
}
|
|
|
|
if (!teen && choice % 10 >= 2 && choice % 10 <= 4) {
|
|
return 2
|
|
}
|
|
|
|
return choicesLength < 4 ? 2 : 3
|
|
}
|
|
|
|
Vue.use(VueI18n)
|
|
|
|
let lang = 'en'
|
|
|
|
if (process.browser) {
|
|
const locale =
|
|
localStorage.getItem('lang') ||
|
|
navigator.language.substr(0, 2).toLowerCase()
|
|
lang = !messages[locale] ? 'en' : locale
|
|
}
|
|
|
|
const dateTimeFormats = {
|
|
en: {
|
|
long: {
|
|
year: 'numeric',
|
|
month: 'long',
|
|
day: 'numeric',
|
|
weekday: 'long',
|
|
hour: 'numeric',
|
|
minute: 'numeric',
|
|
hour12: true,
|
|
},
|
|
},
|
|
ru: {
|
|
long: {
|
|
year: 'numeric',
|
|
month: 'long',
|
|
day: 'numeric',
|
|
hour: 'numeric',
|
|
minute: 'numeric',
|
|
},
|
|
},
|
|
zh: {
|
|
long: {
|
|
year: 'numeric',
|
|
month: 'long',
|
|
day: 'numeric',
|
|
weekday: 'long',
|
|
hour: 'numeric',
|
|
minute: 'numeric',
|
|
hour12: true,
|
|
},
|
|
},
|
|
}
|
|
|
|
const numberFormats = {
|
|
en: {
|
|
compact: {
|
|
notation: 'compact',
|
|
},
|
|
},
|
|
ru: {
|
|
compact: {
|
|
notation: 'compact',
|
|
},
|
|
},
|
|
zh: {
|
|
compact: {
|
|
notation: 'compact',
|
|
},
|
|
},
|
|
}
|
|
|
|
// Create VueI18n instance with options
|
|
export default ({ app, route, store }) => {
|
|
app.i18n = new VueI18n({
|
|
locale: lang,
|
|
fallbackLocale: 'en',
|
|
messages,
|
|
silentFallbackWarn: true,
|
|
dateTimeFormats,
|
|
numberFormats,
|
|
})
|
|
|
|
if (lang === 'zh') {
|
|
lang += '-cn'
|
|
}
|
|
|
|
// app.$moment.locale(lang)
|
|
}
|