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
  }
}