Developers' Mistakes with Nuxt – Lucie Haberer
summary
Nuxt routing breaks when a page or layout contains multiple roots instead of a single root element so each page and layout must wrap content in a single container. Mixing several root components produces unpredictable navigation, wrong layout rendering and failing child routes in Nuxt apps. The concrete fix is to refactor templates to one single root component per page or layout and verify route behavior in the browser after the change.
AI-written summary · about
related talks
31mCommon Mistakes in Vue and Nuxt and How to Avoid Them
22mWays to architecture your vue/nuxt app
38mLarge Scale Nuxt Architecture
32mUnderstand the hard parts of Nuxt
08mUnderstand the hard parts of Nuxt
19mPatterns for Large Scale Vue.js Applications
37mPatterns for Large Scale Vue.js Applications
26mLayers Unwrapped: A Fresh Approach to Nuxt App Architecture