Overview

I performed a large-scale dependency package update, including a major update from Nuxt 3.2.3 to 3.20.2.

Major Package Updates

PackageBeforeAfter
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

Newly Added Packages

  • better-sqlite3: ^12.5.0 - Dependency of @nuxt/content v3
  • vue-i18n: ^11.0.0 - Dependency of the i18n module

Changes That Required Action

1. Migration to @nuxt/content v3

Creating a new content.config.ts was required.

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. Migration to @nuxtjs/i18n v10

Changes in 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._-::eRtJUcesPS""tm"""jeio,,,anvv--eeffJU:diiPSll""ftee,,arE::laxffsit""iielejell,iraneenn..::gajjlss""si""jelzanae}}..sd,,jjhsst""o}}a,,fileisolanguage

Creating a new i18n.config.ts

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

Moving the locales folder

locales/i18n/locales/

3. Changes to runtimeConfig Access Methods

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

4. TypeScript Type Imports

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