如何在nuxt中实现多语言切换？

npm install nuxt-i18n

// nuxt.config.js

export default {
  // ...
  modules: [
    'nuxt-i18n',
  ],
  i18n: {
    locales: [
      {
        code: 'en',
        iso: 'en-US',
        name: 'English',
      },
      {
        code: 'zh',
        iso: 'zh-CN',
        name: '中文',
      },
    ],
    defaultLocale: 'en',
    vueI18n: {
      fallbackLocale: 'en',
      messages: {
        en: require('./locales/en.json'),
        zh: require('./locales/zh.json'),
      },
    },
  },
  // ...
}

<template>
  <div>
    <button v-for="locale in $i18n.locales" :key="locale.code" @click="switchLocale(locale.code)">
      {{ locale.name }}
    </button>
  </div>
</template>

<script>
export default {
  methods: {
    switchLocale(locale) {
      this.$i18n.setLocale(locale);
    },
  },
}
</script>

<template>
  <div>
    <language-switcher />
    <!-- 其他页面内容 -->
  </div>
</template>

<script>
import LanguageSwitcher from '~/components/LanguageSwitcher.vue';

export default {
  components: {
    LanguageSwitcher,
  },
}
</script>