[BUG] - q-layout doesnt work

[Daniel Ivashev]

Checks

• I have searched the existing issues for a similar bug and it does not exist!

Environment

---

• Operating System: Windows_NT
• Node Version: v16.17.0
• Nuxt Version: 3.5.2
• Nitro Version: 2.4.1
• Package Manager: npm@8.19.3
• Builder: vite
• User Config: modules, devServer, googleSignIn, runtimeConfig, imports, quasar, css, plugins, app, i18n, components, vite, telemetry
• Runtime Modules: @pinia/nuxt@0.4.11, nuxt-quasar-ui@2.0.0-rc.0, @nuxtjs/i18n@8.0.0-beta.12, nuxt-vue3-google-signin@0.0.8
• Build Modules: -

---

Quasar version

2.12.0

Browsers

Google Chrome

Description

When I uploaded the application to the server, I saw a problem (it doesn't play in dev mode). Q-layout behaves very strangely and renders child elements twice. It happens when I don't use prop 'container'. I use q-layout inside the /layouts/default.vue file.

layouts/default.vue:

app.vue:

result on prod:

Reproduction steps

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Screenshots

![DESCRIPTION](LINK.png)

Logs

No response

[Daniel Ivashev]

If I wrap in <client-only> it also works

[Daniel Ivashev]

And also from server I got correct html markup