wikijs-fork/client/modules/localization.js

64 lines
1.8 KiB
JavaScript
Raw Normal View History

import i18next from 'i18next'
2019-07-14 17:21:33 +00:00
import Backend from 'i18next-chained-backend'
import LocalStorageBackend from 'i18next-localstorage-backend'
import i18nextXHR from 'i18next-xhr-backend'
import VueI18Next from '@panter/vue-i18next'
import _ from 'lodash'
/* global siteConfig, graphQL */
2019-01-12 23:33:30 +00:00
import localeQuery from 'gql/common/common-localization-query-translations.gql'
2018-09-04 04:46:24 +00:00
export default {
VueI18Next,
init() {
i18next
2019-07-14 17:21:33 +00:00
.use(Backend)
.init({
backend: {
2019-07-14 17:21:33 +00:00
backends: [
LocalStorageBackend,
i18nextXHR
],
backendOptions: [
{
expirationTime: 1000 * 60 * 60 * 24 // 24h
2019-07-14 17:21:33 +00:00
},
{
loadPath: '{{lng}}/{{ns}}',
parse: (data) => data,
ajax: (url, opts, cb, data) => {
let langParams = url.split('/')
graphQL.query({
query: localeQuery,
variables: {
locale: langParams[0],
namespace: langParams[1]
}
}).then(resp => {
let ns = {}
if (_.get(resp, 'data.localization.translations', []).length > 0) {
resp.data.localization.translations.forEach(entry => {
_.set(ns, entry.key, entry.value)
})
}
return cb(ns, {status: '200'})
}).catch(err => {
console.error(err)
return cb(null, {status: '404'})
})
}
2019-07-14 17:21:33 +00:00
}
]
},
defaultNS: 'common',
lng: siteConfig.lang,
2019-09-27 18:59:53 +00:00
load: 'currentOnly',
lowerCaseLng: true,
fallbackLng: siteConfig.lang,
ns: ['common', 'auth']
})
return new VueI18Next(i18next)
}
}