vuetify & nuxt：如何在当前语言环境切换时切换 vuetify 组件语言环境？

Question

为了在语言环境之间切换，我制作了一个插件 并且在里面

// plugins/i18n

export default function({ app }) {
  app.i18n.onLanguageSwitched = (oldLocale, newLocale) => {
    console.log(oldLocale, newLocale)
    app.vuetify.lang.current = newLocale
    console.log(app)
  }
}

但是当我切换语言时，组件语言环境没有改变，我得到这个错误

这是 nuxt 配置

// nuxt config
import en from 'vuetify/src/locale/en.ts'
import de from 'vuetify/src/locale/de.ts'

  vuetify: {
    treeShake: true,
    customVariables: ['~/assets/styles/setting/_variables.scss'],
  
    lang: {
      locales: {
        de,
        en
      },
      current: 'de'
     
    },

},

如何在当前语言环境更改时更改 vuetify 组件语言环境？

Answer 1

我终于找到了解决办法 我像这样更改了那个插件 它成功了。

export default function({ app }) {

  app.vuetify.framework.lang.current =  app.i18n.locale
  app.i18n.onLanguageSwitched = (ـ, newLocale) => {
    app.vuetify.framework.lang.current = newLocale
  }
}