Adaptive Teleport in Nuxt
summary
Persistent heavy components avoid remounts by reverse Teleport: a top-level component stays mounted above Nuxt pages while its DOM is teleported down into page-specific targets, reducing expensive reloads. Route changes trigger a forced target shuffle and the implementation uses a MutationObserver to handle async Suspense/await timing so teleports reattach only when the page target exists. The result is an adaptive-teleport module with code on GitHub and installable with one Nuy command; it works but admits a hacky edge case.
AI-written summary · about
related talks
31mCommon Mistakes in Vue and Nuxt and How to Avoid Them
38mLarge Scale Nuxt Architecture
33mState of Nuxt 2026
21mNuxt Performances
01h 01mNuxt 3 Under a Lense
03mBoost Navigation Speed with Nuxt's Data Caching
24mShip less javascript to your client with Nuxt Island
23mSuperpositioned Vue componentes with Module Federation