49 lines
1.3 KiB
JavaScript
49 lines
1.3 KiB
JavaScript
import Vue from 'vue';
|
|
import VueI18n from 'vue-i18n';
|
|
|
|
// Import translations
|
|
import enMessages from './en';
|
|
|
|
Vue.use(VueI18n);
|
|
|
|
|
|
export function getBrowserLocales() {
|
|
let langs = [];
|
|
|
|
if (navigator.languages) {
|
|
// Chrome does not currently set navigator.language correctly
|
|
// https://code.google.com/p/chromium/issues/detail?id=101138
|
|
// but it does set the first element of navigator.languages correctly
|
|
langs = navigator.languages;
|
|
} else if (navigator.userLanguage) {
|
|
// IE only
|
|
langs = [navigator.userLanguage];
|
|
} else {
|
|
// as of this writing the latest version of firefox + safari set this correctly
|
|
langs = [navigator.language];
|
|
}
|
|
|
|
// Some browsers does not return uppercase for second part
|
|
const locales = langs.map((lang) => {
|
|
const locale = lang.split('-');
|
|
return locale[1] ? `${locale[0]}-${locale[1].toUpperCase()}` : lang;
|
|
});
|
|
|
|
return locales;
|
|
}
|
|
|
|
// All available translations
|
|
const messages = {
|
|
en: enMessages,
|
|
};
|
|
|
|
// Get best matching locale
|
|
const locale = getBrowserLocales().find(
|
|
browserLocale => Object.prototype.hasOwnProperty.call(messages, browserLocale),
|
|
);
|
|
|
|
export default new VueI18n({
|
|
locale: locale || 'en', // Fallback to 'en' locale
|
|
messages,
|
|
});
|