Page mounted twice

[Kolobok12309]

Versions

• nuxt: 2.15.8
• node: v14.19.0

Reproduction

https://codesandbox.io/p/github/Kolobok12309/nuxt-page-layout-mount-twice/draft/stoic-beaver - playground
https://github.com/Kolobok12309/nuxt-page-layout-mount-twice - repo

Steps to reproduce

1. Config nuxt

// nuxt.config.js
export default {
  features: {
    transitions: false,
  },

  build: {
    splitChunks: {
      layouts: true,
    },
  },
}

2. Create 2 layouts and 2 pages
3. Add console.log('mounted', this.$nuxt.layoutName) to mounted hook of each page
4. Go from one page to another

What is Expected?

// from page-1 to page-2
mounted layout-2
// page-2 to page-1
mounted layout-1

What is actually happening?

// from page-1 to page-2
mounted layout-1
mounted layout-2
// page-2 to page-1
mounted layout-2
mounted layout-1

Additional info

If i set features.transitions: true, all to be fine, but we can't use it(some problems with meta)

[Kolobok12309]

Similar issue #5703