htmlAttrs


tags:nuxt
category:技術
6:30 p.m. / Thu 7th Jan, 2021

Nuxt.jsで言語を ja にしようとしているのだが、どうしても上手くいかない。
公式サイトを見る限り以下のように設定すれば良いはずなのだが、

head: {
    htmlAttrs: {
      lang: 'ja'
    },
}


表示するとlangが enになってしまっているという摩訶不思議現象である。
どこかで上書きされているようだったので検索ワードを変更したところ、以下のリンクがヒットした。
https://www.williamdasilva.com/blog/til-2020-12-13
pwaを使用することでそちらが優先されてしまう、とある。

pwa: {
    lang: 'ja'
}


としたが、これでもまだ解決しない。なんならエラーが増える。
このため、いったん上記を削除。更に検索を続けたところ以下がヒット。
https://qiita.com/QUANON/items/880eaa43c1d2f55f5b4d
こちらを見たところ、manifestにもlangを設定する欄があるらしく、この設定を行ってみた。
build結果を見る限り、meta.jsonのlangは ja になっていることが確認できるが、index.jsのlangは enのままだ。
pwaで上書きをしている、というのは事実であると思われるので、放置してbuild結果を表示したところ、localhostにてlangが ja となったことを確認できた。
ちょっと気持ち悪いが、結論としては nuxt.config.js

manifest: {
  lang: 'ja',
}


を追加することで、Nuxt spa(pwa) のlang設定は解決するようだ。

TOP