Migrating a big old codebase to Vue 3: what I'm excited about
summary
A 230,000‑line GitLab front end with 502 Vue applications and about 1,298 .vue files faces slow renders and expensive destroys from thousands of stateful components; Vue 3 removes the need for functional templates so performance improves just by upgrading. Migration plans replace nested mixins with explicit composition API composables, swap Vue Apollo v2 patterns for Vue Apollo 4 hooks, adopt multiple v‑models for GitLab UI tables, and use defineComponent to get effortless TypeScript inference. Devtools gain per‑app selection to inspect each mounted app.
AI-written summary · about
chapters (10)
- 0:00Intro
- 0:46How old?
- 5:07Performance
- 5:52Functional components
- 9:19Mixins
- 12:09Composition API
- 15:33VueApollo-Options API
- 17:07VueApollo - Components
- 19:55Multiple v-model
- 21:45TypeScript
