Nuxt3.0.0-rc.12を使用していたため、この度バージョンアップをしました。
それほど、変わったことはしていませんが、備忘録というか、どなたかの助けになれば。
行ったこと
①Nuxt3をインストール
②headの記載をnuxt.config.tsから、app.vueに移動。
③nuxt.config.tsの「buildModules」を「modules」に変更。
④piniaの再インストール
⑤型定義の修正(nullやundefinedが未定義だったため。)
詳細(必要そうなところのみ。)
①Nuxt3をインストール
yarn add nuxt -d
または、npmの方は、
npm install -d nuxt
②headの記載をnuxt.config.tsから、app.vueに移動。
特になし。
③nuxt.config.tsの「buildModules」を「modules」に変更。
特になし。
④piniaの再インストール
Cannot read properties of undefined (reading 'nuxt')
上記のエラーが出たため、対処。
結論としては、piniaを一度消して、再度インストールすれば、OK。
うちの開発では、以下を使っていたため、二つとも消して、もう一度入れました。
"pinia": "^2.0.13",
"@pinia/nuxt": "^0.1.8",
基本は、"@pinia/nuxt": "^0.1.8"のみでいいです。
うちでは、開発が進み、両方使っているため、削除するとエラーが出てしまうため、一旦、両方入れておくことに。(これは後日対処します。)
⑤型定義の修正(nullやundefinedが未定義だったため。)
これに関しては、エラーが出るので、気付けます。
undefinedの可能性があるデータに関しては、if分岐を使って回避することも必要です。
厳格な型定義ができるようになりました。