` inside a `\u003CSuspense>`.\n\n```html\n\u003CSuspense>\n \u003CNuxtPage />\n\u003C/Suspense>\n```\n\nThe Suspense Quick Fix seems to work fine. We have it in production now for about half a year. But I can't say if it has any drawbacks or creates issues elsewhere. It's also difficult to make sure our devs know of this workaround and do not create new pages without it.\n\n### Additional context\n\nThe issue was once further explained as a comment to https://github.com/nuxt/nuxt/issues/27364. The bug is open for +1 Year now. \n\nI updated the reproduction to 3.17.5 and the bug persists.\nI suggest closing the other, less clearly described issue and keep tracking this one.\n\nIf it's not an easy fix, then I would suggest that after 1 year, at least a warning in the documentation should be placed that page/layout transitions should be used with caution.\n\nRelated:\nhttps://github.com/nuxt/scripts/issues/297\nhttps://github.com/nuxt/nuxt/issues/27442\nhttps://github.com/nuxt/nuxt/issues/27364\n",[2943],{"name":2922,"color":2923},32371,"Using pageTransition/layoutTransition and useAsyncData() leads to faulty double-mounting","2025-06-12T11:44:20Z","https://github.com/nuxt/nuxt/issues/32371",0.64313495,{"description":2950,"labels":2951,"number":2953,"owner":2925,"repository":2925,"state":2926,"title":2954,"updated_at":2955,"url":2956,"score":2957},"### Environment\n\n- Operating System: Darwin\r\n- Node Version: v16.19.0\r\n- Nuxt Version: 3.10.0\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@10.4.0\r\n- Builder: -\r\n- User Config: devtools, modules, sanity, css, supabase, app, vite\r\n- Runtime Modules: @nuxtjs/supabase@1.1.6, @nuxtjs/sanity@1.8.3\r\n- Build Modules: -\n\n### Reproduction\n\nhttps://stackblitz.com/~/github.com/elisabetperez/nuxt-layouts\r\n\n\n### Describe the bug\n\nHello, I'm developing a project with Nuxt 3 and Vue 3 and I'm experiencing an issue with layout transitions: they're not working and the page stays blank. \r\nI created a Stackblitz for you to check the issue I'm experiencing: https://stackblitz.com/~/github.com/elisabetperez/nuxt-layouts\r\n\r\n\n\n### Additional context\n\nI've got two layouts: full and sidenav. I've got two pages too: index.vue and library.vue. Each of them has the name of the layout they need defined in definePageMeta. In addition to this, nuxt.config.ts has the layoutTransition defined and the style of the transition is defined in app.vue just like the documentation states. What am I missing? Thanks!\n\n### Logs\n\n_No response_",[2952],{"name":2922,"color":2923},25748,"Layout transition is not working","2024-06-30T11:05:47Z","https://github.com/nuxt/nuxt/issues/25748",0.64879423,{"description":2959,"labels":2960,"number":2965,"owner":2925,"repository":2925,"state":2966,"title":2967,"updated_at":2968,"url":2969,"score":2970},"### Environment\r\n\r\nInfo from the StackBlitz reproduction:\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.9.1\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: devtools, app\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-tj5ohy?file=pages%2Findex.vue\r\n\r\n### Describe the bug\r\n\r\nIn the reproduction when you navigate to 'About' using the menu and then navigate back to 'Home', you will see the `\u003Cfooter>` element switches place from where it originally was and not corresponding with the layout.vue file.\r\n\r\nWhen the `async` keyword gets removed from the `setup` method in `index.vue`, everything works fine.\r\n\r\n\r\n\r\n### Additional context\r\n\r\nI noticed this in my project when I was trying to upgrade from nuxt 3.7.4 to 3.9.1. I also tried upgrading to 3.8.x, and the same issue occured. So it might be something that changed between 3.7.4 and 3.8.x.\r\n\r\nUpdate: It only seems to happen when transitions are enabled within the config.\r\n\r\n### Logs\r\n\r\n_No response_",[2961,2964],{"name":2962,"color":2963},"3.x","29bc7f",{"name":2922,"color":2923},25227,"closed","Navigating between layouts with transition breaks page flow when page has async setup declared.","2024-01-16T16:03:35Z","https://github.com/nuxt/nuxt/issues/25227",0.59076065,{"description":2972,"labels":2973,"number":2976,"owner":2925,"repository":2925,"state":2966,"title":2977,"updated_at":2978,"url":2979,"score":2980},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v16.14.2\r\n- Nuxt Version: 3.4.1\r\n- Nitro Version: 2.3.3\r\n- Package Manager: npm@7.17.0\r\n- Builder: vite\r\n- User Config: app, imports, ssr, plugins\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-fxstfh?file=nuxt.config.ts\r\n\r\n### Describe the bug\r\n\r\nHaving `pageTransition` enabled, the component does not render when navigating between pages. On initial render it works (after refresh) but when navigating to the other pages it stops rendering.\r\n\r\nIn the repro, removing the `pageTransition` option from `nuxt.config.ts`, it works again.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2974,2975],{"name":2962,"color":2963},{"name":2922,"color":2923},20318,"pageTransition breaks component rendering","2023-04-17T11:27:16Z","https://github.com/nuxt/nuxt/issues/20318",0.61062014,{"description":2982,"labels":2983,"number":2986,"owner":2925,"repository":2925,"state":2966,"title":2987,"updated_at":2988,"url":2989,"score":2990},"### Environment\r\n```\r\n- Operating System: Darwin\r\n- Node Version: v20.11.0\r\n- Nuxt Version: 3.10.1\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: bun@1.0.22\r\n- Builder: -\r\n- User Config: devtools, typescript, modules, ssr, app, build, postcss, vite, nitro, supabase, primevue, headlessui, piniaPersistedstate, security, routeRules, runtimeConfig\r\n- Runtime Modules: @nuxtjs/supabase@1.1.6, @nuxtjs/tailwindcss@6.11.3, nuxt-icon@0.6.8, nuxt-typed-router@3.5.1, nuxt-security@1.1.0, @vueuse/nuxt@10.7.2, @pinia/nuxt@0.5.1, @pinia-plugin-persistedstate/nuxt@1.2.0\r\n- Build Modules: -\r\n```\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-41grgd?file=nuxt.config.ts,app.vue,layouts%2Fdefault.vue\r\n\r\n### Describe the bug\r\n\r\n1. go to the second page (works fine)\r\n2. go to the 1st page again \r\n3. notice how the page content loads before the layout has loaded\r\n\r\nI added a transition and you can see how the transition runs **after** the other page loaded. Even thought, that other page should never appear together at the same time with other Layout\r\n\r\nin the repro I added an `await timeout` to introduce the bug. In my actual case, there is no timeout and i'm not 100% sure why it's happening yet. But clearly, I expect Nuxt to load the layout first and then its slot content (the page)\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2984,2985],{"name":2962,"color":2963},{"name":2922,"color":2923},25695,"Page renders before layout change is done","2024-03-18T07:03:19Z","https://github.com/nuxt/nuxt/issues/25695",0.622675,{"description":2992,"labels":2993,"number":2996,"owner":2925,"repository":2925,"state":2966,"title":2997,"updated_at":2998,"url":2999,"score":3000},"### Environment\n\n------------------------------\r\n- Operating System: `Linux`\r\n- Node Version: `v16.14.2`\r\n- Nuxt Version: `3.2.2`\r\n- Nitro Version: `2.2.3`\r\n- Package Manager: `npm@7.17.0`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n------------------------------\n\n### Reproduction\n\nThe way to reproduce it is written in this [CODE EXAMPLE](https://stackblitz.com/edit/github-8f29jq?file=pages%2Ftest.vue,app.vue,pages%2Ftest%2Fchild.vue,pages%2Ftest2.vue,pages%2Findex.vue).\r\n\r\nTake a look inside the homepage there is a detailed description of how to reproduce the bug.\n\n### Describe the bug\n\nI have 2 pages. The first one has a NuxtPage inside containing some content. The second one has an async setup that waits for 5s. When I go from the first page to the second, during the 5s of transition I see only the first page without the inner NuxtPage that disappears. In Nuxt 2 this was working correctly but in Nuxt 3 is not working anymore.\r\n\r\nIn Nuxt 2 I was using asyncData for example and until the page was not ready I was seeing the previous page without any changes. \n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2994,2995],{"name":2962,"color":2963},{"name":2922,"color":2923},19270,"Nuxt pa","2023-02-24T16:11:33Z","https://github.com/nuxt/nuxt/issues/19270",0.62457114,{"description":3002,"labels":3003,"number":3009,"owner":2925,"repository":2925,"state":2966,"title":3010,"updated_at":3011,"url":3012,"score":3013},"### Environment\n\n------------------------------\r\n- Operating System: `Linux`\r\n- Node Version: `v18.7.0`\r\n- Nuxt Version: `3.0.0-rc.13`\r\n- Nitro Version: `0.6.1`\r\n- Package Manager: `yarn@1.22.19`\r\n- Builder: `vite`\r\n- User Config: `modules`, `app`\r\n- Runtime Modules: `@nuxtjs/tailwindcss@6.1.3`, `nuxt-icon@0.1.7`\r\n- Build Modules: `-`\r\n------------------------------\r\n\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-s1wt9f?file=app.vue\n\n### Describe the bug\n\nNoticed that page transitions doesn't work for pages which have a dynamic layout. \r\nCC: @manniL \r\nProbably caused by the same reason of nuxt/nuxt.js#15271\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3004,3007,3008],{"name":3005,"color":3006},"documentation","5319e7",{"name":2962,"color":2963},{"name":2922,"color":2923},15384,"Page Transitions doesn't work when layout was set dynamic","2023-01-19T17:49:24Z","https://github.com/nuxt/nuxt/issues/15384",0.63202167,{"description":3015,"labels":3016,"number":3019,"owner":2925,"repository":2925,"state":2966,"title":3020,"updated_at":3021,"url":3022,"score":3023},"### Environment\n\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.9.0\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@9.4.2\r\n- Builder: -\r\n- User Config: devtools, app\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-zo83ve?file=app.vue\n\n### Describe the bug\n\nWhen custom page transitions are defined with the 'out-in' mode, it causes a disruption in custom layouts. The \u003Cslot> is consistently rendered at the end of the page after the initial navigation. An example illustrating this issue can be found on [Stackblitz](https://stackblitz.com/edit/nuxt-starter-zo83ve?file=app.vue). The provided example uses the default layout and is expected to display components in the following order:\r\n\r\n1️⃣ Navigation\r\n2️⃣ [slot]\r\n3️⃣ Footer\r\n\r\nHowever, after navigating to the /second page, the layout breaks, resulting in the following rendering:\r\n\r\n1️⃣ Navigation\r\n3️⃣ Footer\r\n2️⃣ [slot]\r\n\r\nThe page transition is defined inside the nuxt.config.ts.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3017,3018],{"name":2962,"color":2963},{"name":2922,"color":2923},25065,"Page transitions in 'out-in' mode disrupt layout order","2024-01-05T10:08:42Z","https://github.com/nuxt/nuxt/issues/25065",0.63256836,["Reactive",3025],{},["Set"],["ShallowReactive",3028],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fiUIin_KjRw-abkTFQEFMOUXrGnWBszUnJpAkCDo1s0c":-1},"/nuxt/nuxt/25685"]