cygnal/src/i18n/index.js

70 lines
1.6 KiB
JavaScript

import Vue from 'vue';
import VueI18n from 'vue-i18n';
// Moment locales
import 'moment/locale/en-gb';
import 'moment/locale/fr';
// App locales
import en from './en.json';
import fr from './fr.json';
import oc from './oc.json';
// Local moment locales
import './moment/oc';
export const AVAILABLE_LOCALES = [
{
iso: 'en',
name: 'English',
messages: en,
},
{
iso: 'fr',
name: 'Français',
messages: fr,
},
{
iso: 'oc',
name: 'Occitan',
messages: oc,
},
];
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;
}
Vue.use(VueI18n);
export const messages = {};
AVAILABLE_LOCALES.forEach((item) => {
messages[item.iso] = item.messages;
});
export default new VueI18n({
messages,
fallbackLocale: 'en',
});