` and `\u003CFooter />`.\n- `layer`: Extends `base `and provides the slot content in `pages/index.vue`.\n\nThe expected behavior is that the server correctly renders the full page, including the header, footer (from `base`), and the page content (from `layer`). However, since Nuxt 3.16, the server does not provide the expected HTML, causing a hydration mismatch on the client side.\n\n### Additional context\n\nhttps://github.com/user-attachments/assets/474edce2-da73-459c-a32a-b31328eede14\n\n### Logs\n\n```shell-script\n\n```",[2984,2987,2990,2993],{"name":2985,"color":2986},"bug","d73a4a",{"name":2988,"color":2989},"❗ p4-important","D93F0B",{"name":2991,"color":2992},"layers","006B75",{"name":2994,"color":2995},"possible regression","B90A42",31470,"Hydration mismatch when using Nuxt Layers","2025-04-23T13:01:19Z","https://github.com/nuxt/nuxt/issues/31470",0.62388986,{"description":3002,"labels":3003,"number":3004,"owner":2913,"repository":2913,"state":2914,"title":3005,"updated_at":3006,"url":3007,"score":3008},"### Environment\n\n- Operating System: `Linux`\r\n- Node Version: `v16.9.0`\r\n- Nuxt Version: `3-3.0.0-27235989.d52b1e8`\r\n- Package Manager: `Yarn`\r\n- Bundler: `Webpack`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\n\n### Describe the bug\n\nI was eager to try out the nuxt 3 beta. And simply followed the installation instructions from https://v3.nuxtjs.org/getting-started/installation . But on running `yarn dev -o` or `yarn dev` I get a console error saying 'Hydration completed but contains mismatches.' Not sure if I'm missing something. I've just started with nuxt\n\n### Reproduction\n\nJust following the installation steps should reproduce it: \r\n\r\n`npx nuxi init nuxt3-app`\r\n\r\n`code -r nuxt3-app`\r\n\r\n`yarn install`\r\n\r\n`yarn dev -o`\n\n### Additional context\n\nThe error was generated via @vue/runtime-core:\r\n\r\n```\r\nfunction createHydrationFunctions(rendererInternals) {\r\n ....\r\n if (hasMismatch && !false) {\r\n // this error should show up in production\r\n console.error(`Hydration completed but contains mismatches.`);\r\n }\r\n}\r\n```\n\n### Logs\n\n_No response_",[],12078,"Hydration mismatch error","2023-01-19T15:54:17Z","https://github.com/nuxt/nuxt/issues/12078",0.624113,{"labels":3010,"number":3011,"owner":2913,"repository":2913,"state":2914,"title":3005,"updated_at":3012,"url":3013,"score":3008},[],12171,"2023-01-19T15:59:15Z","https://github.com/nuxt/nuxt/issues/12171",["Reactive",3015],{},["Set"],["ShallowReactive",3018],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fcc6L5odr9GEmtdov8Xqu-ZKHdepRu8aTEqnr7BFyEiI":-1},"/nuxt/nuxt/14083"]