Nuxt7. 3. 20262 min čítania

TypeScript strict a vue-tsc v Nuxt/Vue

Typová bezpečnosť pre `.vue` súbory aj service vrstvu.

TypeScript bez strict režimu chytá chyby neskoro. V Nuxt projekte sa to prejaví hlavne pri práci s API dátami a voliteľnými hodnotami.

Oficiálne zdroje:

Čo si z článku odnesieš

prečo je strict prakticky povinný pre produkčný kód
ako použiť vue-tsc na kontrolu SFC typov
ako upratať any bez veľkého refaktoru

Praktický postup

Zapni strict režim v TypeScripte a nechaj CI zlyhať na reálnych problémoch.
Najprv oprav kritické typy okolo API kontraktov a formulárov.
Pre spoločné modely vytvor types/ a zdieľaj ich medzi vrstvami.
Zákaz any rieš pravidlom v ESLinte a výnimky dokumentuj.

Príklad z praxe

// tsconfig.json
{
  "compilerOptions": {
    "strict": true,
    "noUncheckedIndexedAccess": true
  }
}

Ako overíš, že je to správne

Spusť npm run typecheck a oprav všetky chyby bez ignorovania.
Over, že API odpovede majú explicitný typ.
Skontroluj, že v novom kóde nepribudol any bez komentára.

Najčastejšie chyby

typovanie až po dokončení feature,
castovanie cez as bez reálnej validácie,
ignorovanie typechecku v CI.

Mini úloha

Nájdi 3 miesta s any a nahraď ich konkrétnym typom.
Pridaj typ pre jednu API odpoveď a použi ho v UI.
Skontroluj, že build aj typecheck prejdú bez warningov.

Čo bude ďalej

V ďalšom článku: ESLint vo Vue SFC a Nuxt projektoch.

Späť na zoznam článkov