` 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",[2921],{"name":2922,"color":2923},"pending triage","E99695",32371,"nuxt","open","Using pageTransition/layoutTransition and useAsyncData() leads to faulty double-mounting","2025-06-12T11:44:20Z","https://github.com/nuxt/nuxt/issues/32371",0.58659214,{"description":2932,"labels":2933,"number":2935,"owner":2925,"repository":2925,"state":2926,"title":2936,"updated_at":2937,"url":2938,"score":2939},"### Environment\r\n\r\n- Operating System: Darwin\r\n- Node Version: v20.9.0\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.6\r\n- Package Manager: pnpm@8.10.5\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/nuxt-transition-out-in-bug\r\n\r\n### Describe the bug\r\n\r\nWhen navigating from the Home page to the Test page, the onMounted hook on the Test page is triggered twice. This behavior occurs only when the pageTransition mode is set to out-in in the Nuxt configuration and the Test page contains await useAsyncData.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2934],{"name":2922,"color":2923},27442,"onMounted hook called twice during pageTransition with out-in mode","2024-11-14T14:50:13Z","https://github.com/nuxt/nuxt/issues/27442",0.620157,{"description":2941,"labels":2942,"number":2944,"owner":2925,"repository":2925,"state":2926,"title":2945,"updated_at":2946,"url":2947,"score":2948},"### Environment\n\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.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: npm@10.2.3\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/github-psf3p3\n\n### Describe the bug\n\nWhen navigating between two routes with different layouts, if a pageTransition is set in the Nuxt config and one of the page has a some async logic, the slot of the layout will not be rendered where it is supposed to be.\r\n\r\nIn my reproduction, the content of the page is rendering after the footer. It might take several back and forth between the homepage and the about page to get the bug.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2943],{"name":2922,"color":2923},25685,"Changing layout with a pageTransition and some async logic breaks the layout","2024-06-30T11:05:52Z","https://github.com/nuxt/nuxt/issues/25685",0.6453404,{"description":2950,"labels":2951,"number":2953,"owner":2925,"repository":2925,"state":2926,"title":2954,"updated_at":2955,"url":2956,"score":2957},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.9.3\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, modules\r\n- Runtime Modules: @hypernym/nuxt-anime@2.1.1\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-swvkkt\r\n\r\n### Steps to Reproduce\r\n1. Navigate from the first to the second page.\r\n2. Return to the first page from the second page.\r\n3. Navigate from the first to the third page.\r\n\r\n### Describe the bug\r\n\r\nThere's an issue with `pageTransition` and `layoutTransition` not triggering correctly under certain circumstances. Specifically, when navigating between routes where one route defines a `layoutTransition` and another does not, the expected page transitions do not occur as intended and only partial hooks from `layoutTransition` triggers.\r\n\r\n### Scenario\r\n- **First Page**:\r\n - Defines `pageTransition` but no `layoutTransition` in middleware.\r\n - Layout: `default`\r\n- **Second Page**:\r\n - Defines both `pageTransition` and `layoutTransition` in middleware.\r\n - Layout: `another`\r\n- **Third Page**:\r\n - Similar to the first page with only `pageTransition` defined in middleware.\r\n - Layout: `default`\r\n\r\n### Observed Behavior\r\n- Navigating from the first to the second page only partially triggers `layoutTransition` hooks (`onBeforeLeave`, `onEnter`, `onAfterEnter`)\r\n - Misses all the `pageTransition` hooks as expected as layout changes.\r\n- Going back from the second to the first page results in no transitions, where `layoutTransition` should occur.\r\n- Moving from the first to the third page, which does not change the layout, unexpectedly triggers `layoutTransition` hooks and misses `pageTransition` hooks.\r\n\r\n### Expected Behavior\r\n- All defined transitions should trigger correctly according to their respective route changes.\r\n - `First page -> Second page`: Layout transition's hooks: `onBeforeEnter`, `onEnter`, and `onAfterEnter`, as those are defined in Second page's middleware.\r\n - `Second page -> First page`: Layout transition's hooks: `onBeforeLeave`, `onLeave`, and `onAfterLeave`, as those are defined in Second page's middleware and not defined in First page's middleware.\r\n - `First page -> Third page`: Page transition's hooks: `onBeforeLeave`, `onLeave`, `onAfterLeave`, `onBeforeEnter`, `onEnter`, and `onAfterEnter`, as those are defined in First page's and Third page's middlewares.\r\n- Transitions should not be missed or incorrectly triggered based on the presence or absence of `layoutTransition` in neighboring routes.\r\n\r\n\r\n### Additional context\r\n\r\nThis behavior suggests an issue in the transition handling mechanism when `layoutTransition` and `pageTransition` are mixed or when `layoutTransition` is undefined.\r\n\r\nAdding `layoutTransition` on all pages will resolve this issue and trigger transitions correctly (using `pageTransition` at the right time and triggering complete `layoutTransition` when the layout changes.\r\n\r\n### Logs\r\n\r\n```shell-script\r\ntest:router:info \r\n ------\r\n Navigation: from: \"/\" to: \"/second\"\r\n ------\r\n \r\nuseTransitions.ts:125 test:useTransitions:second:info onBeforeLeave \u003Cdiv data-v-8940e9df class=\"layout\">…\u003C/div> \r\nuseTransitions.ts:144 test:useTransitions:second:info onEnter {targets: div.layout, opacity: Array(2), duration: 1000, easing: 'linear', delay: 0, …}\r\nuseTransitions.ts:150 test:useTransitions:second:info onAfterEnter \u003Cdiv data-v-8940e9df class=\"layout\" style>…\u003C/div>\r\n\r\napp.vue:28 test:router:info \r\n ------\r\n Navigation: from: \"/second\" to: \"/\"\r\n ------\r\n\r\napp.vue:28 test:router:info \r\n ------\r\n Navigation: from: \"/\" to: \"/third\"\r\n ------\r\n \r\nuseTransitions.ts:125 test:useTransitions:third:info onBeforeLeave \u003Cdiv data-v-433a9abd class=\"layout\" style=\"opacity: 0.0666;\">…\u003C/div> \r\nuseTransitions.ts:144 test:useTransitions:third:info onEnter {targets: div.layout, opacity: Array(2), duration: 1000, easing: 'linear', delay: 0, …}\r\nuseTransitions.ts:150 test:useTransitions:third:info onAfterEnter \u003Cdiv data-v-433a9abd class=\"layout\" style=\"opacity: 0.9832;\">…\u003C/div>\r\n```\r\n",[2952],{"name":2922,"color":2923},25471,"Inconsistent pageTransition behavior with mixed layoutTransition","2024-06-30T11:06:02Z","https://github.com/nuxt/nuxt/issues/25471",0.65630025,{"labels":2959,"number":2972,"owner":2925,"repository":2925,"state":2973,"title":2974,"updated_at":2975,"url":2976,"score":2977},[2960,2963,2966,2969],{"name":2961,"color":2962},"3.x","29bc7f",{"name":2964,"color":2965},"bug","d73a4a",{"name":2967,"color":2968},"pages","00DFB5",{"name":2970,"color":2971},"❗ p4-important","D93F0B",14475,"closed","edge version is triggering re-renders on nested pages","2023-01-19T17:36:03Z","https://github.com/nuxt/nuxt/issues/14475",0.6174881,{"description":2979,"labels":2980,"number":2983,"owner":2925,"repository":2925,"state":2973,"title":2984,"updated_at":2985,"url":2986,"score":2987},"### Environment\n\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.7.4\r\n- CLI Version: 3.9.0\r\n- Nitro Version: 2.6.3\r\n- Package Manager: npm@9.4.2\r\n- Builder: -\r\n- User Config: -\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-vqqsvj?file=pages%2Findex.vue\n\n### Describe the bug\n\nWhen we navigate with nuxt-link or router.push, onMounted on the page is invoked twice. You can see it in the console of reproduction. We just discovered this but it seems like it is also exist in 3.7.1 and 3.7.4\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2981,2982],{"name":2961,"color":2962},{"name":2922,"color":2923},23453,"onMounted invoked twice","2023-09-28T14:21:55Z","https://github.com/nuxt/nuxt/issues/23453",0.6295499,{"description":2989,"labels":2990,"number":2993,"owner":2925,"repository":2925,"state":2973,"title":2994,"updated_at":2995,"url":2996,"score":2997},"### 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_",[2991,2992],{"name":2961,"color":2962},{"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.6296171,{"description":2999,"labels":3000,"number":3002,"owner":2925,"repository":2925,"state":2973,"title":3003,"updated_at":3004,"url":3005,"score":3006},"### Environment\n\nWorking directory: /project/workspace 6:05:31 PM\nNuxt project info: 6:05:31 PM\n\n------------------------------\n- Operating System: Linux\n- Node Version: v20.9.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: yarn@1.22.19\n- Builder: -\n- User Config: default\n- Runtime Modules: -\n- Build Modules: -\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/adoring-lederberg-873hwm\n\n1. Open the `/` page of the application.\n2. You will be redirected to the `/hello` page.\n3. Check the logs, and you will notice that the message `fire twice` is logged twice.\n\n\n### Describe the bug\n\nI have encountered a bug in my Nuxt application where the mounted hook on the /hello page is triggered twice under certain conditions.\n\n1. In `nuxt.config.ts`, I have set `app.pageTransition` and `app.layoutTransition`.\n2. On the `/` page, I am using a custom layout and triggering a redirect to the `/hello` page in the mounted hook.\n3. On the `/hello` page, I am calling the `Foo` component with lazy loading `\u003CLazyFoo />`.\n\nThese three factors seem to be causing the mounted hook in the `/hello` page to be triggered twice.\n\nThis issue does not occur if:\n\n1. Either `app.pageTransition`, `app.layoutTransition`, or both are set to false, or\n2. The `Foo` component is called without lazy loading `\u003CFoo />`.\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3001],{"name":2922,"color":2923},30200,"`onMounted` hook triggered twice","2024-12-09T03:29:52Z","https://github.com/nuxt/nuxt/issues/30200",0.6307501,{"description":3008,"labels":3009,"number":3012,"owner":2925,"repository":2925,"state":2973,"title":3013,"updated_at":3014,"url":3015,"score":3016},"### Environment\n\n- Operating System: `Windows_NT`\r\n- Node Version: `v16.15.1`\r\n- Nuxt Version: `3.0.0-rc.8`\r\n- Package Manager: `npm@8.11.0`\r\n- Builder: `vite`\r\n- User Config: `typescript`, `buildModules`, `vite`, `css`, `image`\r\n- Runtime Modules: `-`\r\n- Build Modules: `@pinia/nuxt@0.4.0`, `@nuxt/image-edge@1.0.0-27657146.da85542`\n\n### Reproduction\n\nhttps://codesandbox.io/s/u1dwk1\n\n### Describe the bug\n\nWhen we go from one Layout to another, OnMounted called twice\r\nThis problem was not in version Rc-4, but now it is in version Rc-8\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3010,3011],{"name":2961,"color":2962},{"name":2922,"color":2923},14751,"OnMounted twice when layout change","2023-01-19T17:39:44Z","https://github.com/nuxt/nuxt/issues/14751",0.6310956,{"description":3018,"labels":3019,"number":3024,"owner":2925,"repository":2925,"state":2973,"title":3025,"updated_at":3026,"url":3027,"score":3028},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.12.2\n- Nuxt Version: 3.17.4\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: npm@10.5.0\n- Builder: -\n- User Config: compatibilityDate, devtools, app\n- Runtime Modules: -\n- Build Modules: -\n\n### Reproduction\n\nhttps://github.com/wanxiaodong404/nuxt-bug-report.git\n\n### Describe the bug\n\nWhen config layoutTransition and pageTransition at the same time, and page use useAsyncData, the onMounted hook will exec twice\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3020,3023],{"name":3021,"color":3022},"workaround available","11376d",{"name":2922,"color":2923},32276,"using useAsyncData will trigger onMounted twice","2025-06-03T08:02:56Z","https://github.com/nuxt/nuxt/issues/32276",0.6384626,["Reactive",3030],{},["Set"],["ShallowReactive",3033],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f4TmxOesLqIRV_hoqm93R4DNwkYrO5VtgndovNe4T3OY":-1},"/nuxt/nuxt/27364"]