как изменить метаданные головы при переключении языка в VUE?

Question

кто-нибудь еще задавал этот вопрос?если да, пожалуйста, дайте мне ссылку, чтобы прочитать этот вопрос, если нет, как это сделать?Я хочу изменить заголовок и описание каждого пользователя переключить язык, как я могу это сделать ??Я люблю, чтобы получить некоторую помощь, я.начинающий для этого: D

у меня есть gallery.vue

я использую здесь nuxt js

и использую vue-i18n

<template lang="html">

  <div class="">
    <p> {{ $t('post') }}</p>
  </div>

</template>

<script>
export default {
  head () {
    return {
      tittle: // how to change tittle here for the spesific languange
    }
  }
}
</script>

<style lang="css">
</style>

на базе nuxt-i18n

Я хочу получить результат, например, когда на английском языке заголовок заголовка будет Gallery, а когда пользователь переключит italianq, заголовком будет Galleria

Answer 1

я понял, просто добавь функцию головы и верни титул: this.$i18n.messages[this.$i18n.locale].yourPropHere

Answer 2

Ищите библиотеку vue-meta.Я использую это для этих целей.В App.vue:

<script>
export default {
  name: 'App',

  metaInfo () {
    return {
      htmlAttrs: {
        lang: this.$i18n.locale
      },
      ...
    }
  },

  data () {
  ...
}
</script>