vue i18n - using it as a javascript object (not inside the template)?

Question

Is it possible to use vue, vue-i18n only with javascript (as an object), not in the template ?

I want to use it in something like window.confirm, is that possible ?

Thanks.

Answer 1

yes it's possible, i never used the plugin, but it looks pretty straightforward:

first you create the instance:

// Ready translated locale messages
const messages = {
  en: {
    message: {
      greeting: 'hi {name}'
    }
  },
  es: {
    message: {
      greeting: 'hola {name}'
    }
  }
}

// Create VueI18n instance with options
const i18n = new VueI18n({
  locale: 'es', // set locale
  messages, // set locale messages
})

(be aware 'const' is es6)

Then you can use it in any js where i18n var exists:

i18n.t('greeting', { name: 'kazupon' }) // -> hola kazupon

Doc:

http://kazupon.github.io/vue-i18n/en/started.html

http://kazupon.github.io/vue-i18n/en/migrations.html