Nuxt.js: multiple nuxt instances in layout

[vana-dev]

Version

v2.12.2

Reproduction link

https://nuxtjs.org/

Steps to reproduce

Weird thing, I have double nuxt instance in my defalut layout, this is my default.vue file

I tried multiple combinations, I noticed that when I move <nuxt /> to the bottom of parent div, this problem disappear, and everything works fine.

What could be the reason?

What is expected ?

What is actually happening?

_{This bug report is available on Nuxt community (#c10792)}

[simplenotezy]

I believe this could be related to https://github.com/nuxt/nuxt.js/issues/5615 which is fixed in the latest version

[vana-dev]

the same problem in v2.13.0

[vana-dev]

simple fix, and problem solved, but still this is a bug not solved in latest release
https://github.com/nuxt/nuxt.js/issues/5703

[davidlandais]

simple fix, and problem solved, but still this is a bug not solved in latest release

5703

Wrap inside a div doesn't work for me :/ I have also this bug in 2.13.3

If the page is rendered server-side with a specific layout like "guest", then the page is changed with another layout like "authenticated", vue will not render multiple times the layout. But if I enter directly on the page (with the layout "authenticated", SSR), the bug is happening.

[stale[bot]]

Thanks for your contribution to Nuxt.js!
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you would like this issue to remain open:

1. Verify that you can still reproduce the issue in the latest version of nuxt-edge
2. Comment the steps to reproduce it

Issues that are labeled as pending will not be automatically marked as stale.