Localization

[LeoMartinDev]

It would be great to add translation support (https://github.com/kazupon/vue-i18n ?)

[mattmezza]

Thanks, definitely a great idea. Will try to work this out asap.

If you feel like giving it a try feel free to PR, this project is looking for awesome collaborators :)

[arabakevin]

Hi,
I try to integrate this library (vue-i18n) but i I have some integration problems
so,
in this file ./i18n/translations.js => we have the translations
in src/index.js

import Launcher from './Launcher.vue'
import VTooltip from 'v-tooltip'
import VueI18n from 'vue-i18n'
import messages from './i18n/translations.js'

const defaultComponentName = 'beautiful-chat'

const Plugin = {
  install (Vue, options = {}) {
    /**
     * Makes sure that plugin can be installed only once
     */
    if (this.installed) {
      return
    }

    Vue.use(VueI18n)
    const locale = navigator.language
    const i18n = new VueI18n({
      fallbackLocale: 'fr',
      locale: locale,
      messages
    })

    this.installed = true
    this.event = new Vue({i18n})
    this.dynamicContainer = null
    this.componentName = options.componentName || defaultComponentName
    /**
     * Plugin API
     */
    Vue.prototype.$chat = {
      _setDynamicContainer (dynamicContainer) {
        Plugin.dynamicContainer = dynamicContainer
      }
    }
    /**
     * Sets custom component name (if provided)
     */
    Vue.component(this.componentName, Launcher)
    Vue.use(VTooltip)
    Vue.use(VueI18n)
  }
}
export default Plugin

And i start to change in the file "src/Launcher.vue" "you" in the header of the chat

  computed: {
    chatWindowTitle() {
      if (this.title !== '') {
        return this.title
      }
      if (this.participants.length === 0) {
        return $t('participant.you_only')
      } else if (this.participants.length > 1) {
        return $t('participant.you_and_participants', { participant: 'this.participants[0].name' })
      } else {
        return 'You & ' + this.participants[0].name
      }
    }
  },

but i receive this error

i have try few others methods as this.$i18n and others.
Can you help me please ?
Thanks a lot.

[cureau]

@arabakevin try this.$t('participant.you_only') etc

[ritikpal1122]

mark the variable name correctly instead of that you can try this.$t('participant.you_only')