vue international

by kordarei

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-i18n/8.11.2/vue-i18n.min.js"></script>
<div id="app">
  <p>{{ $t("message.hello") }}</p>
</div>

JavaScript

const messages = {
  en: {
    message: {
      hello: 'hello world'
    }
  },
  sr: {
    message: {
      hello: 'pozdrav'
    }
  }
}

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


// Create a Vue instance with `i18n` option
new Vue({
  el: "#app",
  i18n
})