nuxt3 i18n 如何使用？

Question

我这样引入提示错误，请教下各位大佬nuxt3应该如何引入i18n

再次刷新后

Answer 1

import { createI18n } from 'vue-i18n';
import { zh,en } from '@/locales/index'
const message = {
  zh,
  en
}



export default defineNuxtPlugin((nuxtApp) => {

  const Cookie = useCookie('lang');
  Cookie.value = Cookie.value || 'zh'
  const i18n = createI18n({
    legacy:false,
    locale:Cookie.value || 'zh',
    messages:message,
    globalInjection:true,
  })
  
  nuxtApp.vueApp.use(i18n)
});

Answer 2

你试试这样改呢？

export default defineNuxtPlugin(nuxtApp => {
  if (process.client) nuxtApp.vueApp.use(createI18n)
})