概要

Nuxt 3.2.3 から 3.20.2 へのメジャーアップデートを含む、依存パッケージの大規模更新を実施しました。

主要なパッケージ更新

パッケージ更新前更新後
nuxt3.2.33.20.2
@nuxt/content2.5.23.11.0
@nuxtjs/i18n8.0.0-beta.1010.2.1
vuetify3.1.83.7.6
sass1.58.31.83.4
@mdi/js7.1.967.4.47

新規追加パッケージ

  • better-sqlite3: ^12.5.0 - @nuxt/content v3 の依存
  • vue-i18n: ^11.0.0 - i18n モジュールの依存

対応が必要だった変更点

1. @nuxt/content v3 への移行

content.config.ts の新規作成が必要になりました。

ie}mx)ppc}coooorrlc}nttlo)tentse{dctyoneteputdfiner.eaot:ccfun:eoils':nnt:dpfeeaiCd{fggoeie.nfn'ttie,senC.neomtCldCol'onentcfetinigto,Cno(dn{effiign(e{Collection}from'@nuxt/content'

2. @nuxtjs/i18n v10 への移行

nuxt.config.ts の変更点

i}i}118l]lv}8l]b}lvBno,au,Ano,u,aue:c{{neff:c{{nornefagIatadpugIo{lccD1le{lccltnD1reooi8lreooeiti8esddrnbsdd:mirn:ee::a:eeim::::c::{ze["{k[eO""""lL""Tnl.jeoojerlo/anccanayci""aa""n:a1,,ll,,sl8eelteniis:llars.ss/aatu"coo"lnnie,o::,aggo,nnuunf""gaaDije,ggiganeer._-::etJUcsPS""t"""jei,,,anv--effJU:iiPSll""fee,,a::lffs""iiejell,anee..::jjss""""jean}}..,,jjss""}},,isolanguage

i18n.config.ts の新規作成

e}x)plf)oea;rgltalcbdyae:cfkafLuaollctsaeld,ee:fi"njeaI"1,8nConfig(()=>({

localesフォルダの移動

locales/i18n/locales/

3. runtimeConfig のアクセス方法変更

rr$rr$uucuucnnonnoBttnAttneiiffiiffmmitmmioeegeeegrCC.rCC.eootoopnninnufftffbiiliilggeggi....camap.peputpnpbi_u.ltbsbilaacess.eemUUeRRnLLus

4. TypeScript の型インポート

iimmppBoAoerfrftttoer{rteyMpeenu{}Mefnruom}"f@r/otmyp"e@s//tMyepneus"/;Menu";

参考リンク