Как использовать vue-i18n внутри script?

Question

[HamSter]

Есть небольшой проект codesandbox

Использую vue-i18n переводчик.

Hello World template:

<h1>{{msg}}</h1>
И script:

data() {
    return {
      msg: `{{ $t("welcomeMsg") }}`
    }
  }

Plugins/i18n.js :

const messages = {
  en: {
    welcomeMsg: "Welcome to Your Vue.js App",
  },
  es: {
    welcomeMsg: "Bienvenido a tu aplicación Vue.js",
  }
};

Вопрос: Как я могу использовать vue-i18n внутри script подобно этого msg:{{ $t("welcomeMsg") }}?

**P.S:** `this.$t("welcomeMsg")` это работает, но не переводит!

Answer 1

[0xD34F]

computed: {
  msg() {
    return this.$t('welcomeMsg');
  },
},

Answer 2

[Pavel Shvedov]

export default {
  name: "HelloWorld",
  data() {
    return {
      msg: this.$t("welcomeMsg")
    }
  }
};

Comments

[HamSter]

спасибо, вставилось, но не переводится!