Changing layout make unexpected page life cycle

[Alireza1996Sh]

Environment

Nuxt project info:

---

• Operating System: Linux
• Node Version: v14.20.0
• Nuxt Version: 3.0.0-rc.10
• Nitro Version: 0.5.3
• Package Manager: npm@6.14.17
• Builder: vite
• User Config: -
• Runtime Modules: -
• Build Modules: -

---

Reproduction

codesandbox

Describe the bug

nuxt 3: change layout => mount page twice

unexpected life cycle during layout change

here is the structure:

pages
|-- index.vue
|-- other
|-- |-- index.vue
layouts
|-- default.vue
|-- custom.vue

the other page uses custom layout.
when we want to change route from a page with default layout (index) to a page with custom layout (other), other page life cycle will be like this:

mounted
unmounted (why unmounted?!!)
mounted (again!)

but if a page use same layout as previous page, the life cycle will be normal:
mounted

the problem always happen when using different layout than previous page

Additional context

No response

Logs

No response

[danielroe]

Let's track in #14573.