Можно ли получить исходный файл перевода i18n из firebase? - PullRequest
Новая
       47

Можно ли получить исходный файл перевода i18n из firebase?

1 голос
/ 22 марта 2020

Можно ли изменить vue -i18n, чтобы переводить один JSON файл с двумя разными языками внутри, которые приходят из Firebase, будет динамически отображать текст в vue template

Я использовал смонтированную функцию с ax ios чтобы получить данные из базы данных. Но я понятия не имею, как i18n должен рассматривать это как исходный файл для перевода.

В основном я поместил два моих исходных файла перевода из папки locales в одну United. json, и я загрузил это в firebase, теперь я хочу загрузить это обратно в форму моего приложения (firebase), но не вижу там решения, как установить локаль так, чтобы она отображала и переводила все {{ $t(example.locale) }}, и я должен быть в состоянии связать ее как v-bind:src="$t('products.'+ index +'.options.'+ i +'.image')"


//main.js

import Vue from 'vue'
import i18n from './i18n'
import axios from 'axios'

Vue.config.productionTip = false

router.beforeEach((to, from, next) => {

let language = to.params.lang;
  if (!language) {
    language = 'ee'
  }

  i18n.locale = language
  next()
}); 

new Vue({
  router,
  i18n,
  render: h => h(App),
  data() {
    return{
        localekk : ''
    }

  }
,
   methods: {
    setLocale(lang) {
      Vue.$i18n.locale = lang;
    }
  }, 
  mounted() {
    axios.get('https://example.firebaseio.com/locales.json')
        .then(response => {
            this.locale = response.data;
            console.log(response)


        })
        .catch(error => console.log(error))

  }
}).$mount('#app')




//i18n.js

import Vue from 'vue'
import VueI18n from 'vue-i18n'



Vue.use(VueI18n)

function loadLocaleMessages () {
  const locales = require.context('./locales', true, /[A-Za-z0-9-_,\s]+\.json$/i) // may by to change './locales' but again - how?
  const messages = {}
  locales.keys().forEach(key => {
    const matched = key.match(/([A-Za-z0-9-_]+)\./i)
    if (matched && matched.length > 1) {
      const locale = matched[1]
      messages[locale] = locales(key)
    }
  })
  return messages
}

export default new VueI18n({
  locale: process.env.VUE_APP_I18N_LOCALE || 'ee',
  fallbackLocale: process.env.VUE_APP_I18N_FALLBACK_LOCALE || 'ee',
  messages: loadLocaleMessages(),
  silentTranslationWarn: true,

})
...