Nuxt-i18nで簡単に多言語対応！

自己紹介

tanshio(@_tanshio)

フロントエンドエンジニア、ウェブデザイナー
好きなものはVue・Nuxt、TypeScript、WebGLです
いま挑戦中のものはGatsbyとGoです

---

多言語対応

つらい

---

• どこで何が呼ばれているかわからない
• いろいろとつらい

---

Nuxtだと簡単だった

---

Nuxti-18nで簡単に多言語対応

---

基本的に使うもの

• {{ $t('文字列') }}
  • 文字列部分は変数が使える
• <n-link :to="localePath('リンク先')">index</n-link>
  • localpathで現在の言語でのリンク
• <nuxt-link :to="switchLocalePath('en')">en</nuxt-link>
  • switchLocalePath('言語')で言語切替

---

デモ

---

Nuxtで世界に発信しよう！

---

デモのURLです
https://github.com/tanshio/nuxt-ts-starter