Migrating Your Nuxt/Vue App to TypeScript

on YouTube ↗19m

" summary

Migrating a Nuxt 2 app uses Nuxt Bridge and a custom TS config to admit .ts files, converts self‑contained services/helpers first, then plugins (Firebase plugin needs manual typing), and replaces Vuex modules by moving stores to Pinia — one store is a pilot and the migration is about 30–40% complete. Components move to script‑setup incrementally; blocking issues are legacy v2 deps like vate and nsvg that produce TypeScript errors and must be upgraded or replaced. PushBrand runs as an invite‑only beta.

AI-written summary · about

" chapters (8)

1. 0:00TypeScript migration intro
2. 2:49Starting migration
3. 3:55TS config for Nuxt/Bridge
4. 7:25Vuex store migration
5. 8:49Migrating components to TypeScript
6. 10:34Live component migration
7. 14:52Key takeaways
8. 16:19Q&A

" related talks

• 47mReal and Scalable Applications with Nuxt, Vuex and TypescriptQuique Fdez Guerra · Vuejs Roadtrip Barcelona 2018
• 47mVue.js and TypeScript: Working Together like Peanut Butter & JellyRob Richardson · Developer Summit 2020
• 30mLeveling Up Nuxt: Nuxt 2 - Nuxt 3Daniel Kelly · Nuxt Nation 2022
• 29mVue & TypeScript Up and RunningDaniel Rosenwasser · VueConf US 2018
• 30mEmpowering Vue with TypeScript, Inversify, Vuex and some other super toQuique Fernandez Guerra · Vue.js Amsterdam 2019
• 31mVue 3 and TypescriptThorsten Lünborg · Vuejs Amsterdam 2021
• 33mMoving from Angular v5+ to VueGerard Sans · Vue.js Amsterdam 2018
• 20mTypeScript with Vue.js 3Daniel Kelly · Vuejs Amsterdam 2023