Incorrect mounted and unmounted lifecycle hooks order

[nndnha]

Environment

---

• Operating System: Linux
• Node Version: v16.14.2
• Nuxt Version: 3.0.0-rc.1
• Package Manager: npm@7.17.0
• Builder: vite
• User Config: -
• Runtime Modules: -
• Build Modules: -

---

Reproduction

https://stackblitz.com/edit/github-yk2a57?file=app.vue

Describe the bug

Navigate the page from Home -> About it shows us that About's mounted hook be called before Home's unmounted hook. This behavior is opposite to Vue pure app where Home's unmounted hook will be called before About's mounted hook!

https://stackblitz.com/edit/vue3-vue-router-demo-bbyxbs?file=src%2FApp.vue

Additional context

No response

Logs

No response

[danielroe]

Likely the same cause as #13471. Let's track there...