` 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",[3019],{"name":3020,"color":3021},"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.62376904,{"description":3030,"labels":3031,"number":3036,"owner":3023,"repository":3023,"state":3024,"title":3037,"updated_at":3038,"url":3039,"score":3040},"### Update\nThe problem was reported more than two months ago!! \n\n### Environment\n\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v20.11.1\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: npm@10.8.0\r\n- Builder: -\r\n- User Config: experimental, hooks, ssr, devtools, nitro, vite, css, pwa, spaLoadingTemplate, app, modules, eslint, i18n\r\n- Runtime Modules: @nuxtjs/i18n@8.3.1, @pinia/nuxt@0.5.1, @nuxt/eslint@0.3.10, @hypernym/nuxt-anime@2.1.1, @vite-pwa/nuxt@0.7.0\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-bv3yea?file=pages%2Findex.vue\n\n### Describe the bug\n\nIn my application `layoutTransition` and `pageTransition` through `nuxt.config.ts` I have:\r\n```js\r\n app: {\r\n layoutTransition: {\r\n name: 'layout',\r\n mode: 'out-in',\r\n appear: true,\r\n },\r\n\r\n pageTransition: {\r\n name: 'page-trans',\r\n mode: 'out-in',\r\n appear: true,\r\n },\r\n },\r\n```\r\n\r\nI have 2 layout they are :\r\n- default.vue \r\n- tow.vue\r\n\r\nAnd pages:\r\n- index.vue (set default layout)\r\n- about.vue (set tow layout)\r\n\r\nWhen I do await $fetch on the `about.vue` page, the `onMounted` is executed twice, whether on the page itself or in the components in it.. \r\n\r\nThis happens when moving from the `index` page to `about`. However, when you enter this page directly, the problem does not appear.\r\n\r\n```js\r\nrouter.push('/about') \r\n```\r\n--------- or --------\r\n```vue\r\n\u003CNuxtLink to=\"/about\">go to /about\u003C/NuxtLink>\r\n```\r\n\r\nYou can view the project here : \r\nhttps://stackblitz.com/edit/github-bv3yea?file=pages%2Findex.vue\r\n\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3032,3033],{"name":3020,"color":3021},{"name":3034,"color":3035},"suspense","C70109",27364,"await with layoutTransition and pageTransition mounted executed twice In a different layout - nuxt 3","2025-03-12T10:19:55Z","https://github.com/nuxt/nuxt/issues/27364",0.63905203,{"labels":3042,"number":3052,"owner":3023,"repository":3023,"state":3053,"title":3054,"updated_at":3055,"url":3056,"score":3057},[3043,3046,3049],{"name":3044,"color":3045},"3.x","29bc7f",{"name":3047,"color":3048},"bug","d73a4a",{"name":3050,"color":3051},"🔨 p3-minor","FBCA04",14573,"closed","Page component is created twice when navigating to it from page which uses different layout","2023-11-05T05:04:23Z","https://github.com/nuxt/nuxt/issues/14573",0.603951,{"description":3059,"labels":3060,"number":3063,"owner":3023,"repository":3023,"state":3053,"title":3064,"updated_at":3065,"url":3066,"score":3067},"### Environment\r\n\r\n------------------------------\r\n- Operating System: `Linux`\r\n- Node Version: `v16.14.2`\r\n- Nuxt Version: `3.0.0-rc.8`\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------------------------------\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/nuxt-starter-lxsrmg?file=pages/index.vue\r\n\r\n1. Visit Index\r\n2. Visit A\r\n3. Visit Index\r\n4. Visit B\r\n5. Visit Index\r\n\r\nObserve console messages\r\n\r\n### Describe the bug\r\n\r\nIf we navigate between pages with different layouts it looks like the `setup` method runs twice, including useAsyncData.\r\n\r\nI was not able to reproduce it, but additionally in my private project `data` is always `null` after the second run, which completely crashes the page. ",[3061,3062],{"name":3044,"color":3045},{"name":3020,"color":3021},14760,"Page component initiates twice after layout change","2023-01-19T17:39:45Z","https://github.com/nuxt/nuxt/issues/14760",0.60731405,{"description":3069,"labels":3070,"number":3075,"owner":3023,"repository":3023,"state":3053,"title":3076,"updated_at":3077,"url":3078,"score":3079},"\u003C!-- 💚 Thanks for your time to make Nuxt better with your feedbacks 💚\r\n\r\n**IMPORTANT** Before reporting a bug:\r\n\r\n- Please make sure that you have read through Nuxt documentation: https://nuxtjs.org\r\n- If issue is related to a module please create the issue in corresponding repository\r\n- Ensure using latest version of nuxt dependencies using `yarn upgrade nuxt` or `npm upgrade nuxt`\r\n\r\n👍 A properly detailed bug report can save a LOT of time and help fixing issues as soon as possible.\r\n-->\r\n\r\n### Versions\r\n\r\n- nuxt: 2.15.8\r\n- node: v14.19.0\r\n\r\n### Reproduction\r\n\r\n\u003C!--\r\nLink to a minimal test case based on one of:\r\n- A fork of https://template.nuxtjs.org\r\n- A GitHub repository that can reproduce the bug\r\nWithout a reproduction, it is so hard to address problem :(\r\n-->\r\n\r\nhttps://codesandbox.io/p/github/Kolobok12309/nuxt-page-layout-mount-twice/draft/stoic-beaver - playground\r\nhttps://github.com/Kolobok12309/nuxt-page-layout-mount-twice - repo\r\n\r\n### Steps to reproduce\r\n\r\n1. Config nuxt\r\n```js\r\n// nuxt.config.js\r\nexport default {\r\n features: {\r\n transitions: false,\r\n },\r\n\r\n build: {\r\n splitChunks: {\r\n layouts: true,\r\n },\r\n },\r\n}\r\n```\r\n\r\n2. Create 2 layouts and 2 pages\r\n3. Add `console.log('mounted', this.$nuxt.layoutName)` to `mounted` hook of each page\r\n4. Go from one page to another\r\n\r\n\r\n### What is Expected?\r\n\r\n```\r\n// from page-1 to page-2\r\nmounted layout-2\r\n// page-2 to page-1\r\nmounted layout-1\r\n```\r\n\r\n\r\n### What is actually happening?\r\n\r\n```\r\n// from page-1 to page-2\r\nmounted layout-1\r\nmounted layout-2\r\n// page-2 to page-1\r\nmounted layout-2\r\nmounted layout-1\r\n```\r\n\r\n### Additional info\r\n\r\nIf i set `features.transitions: true`, all to be fine, but we can't use it(some problems with meta)",[3071,3072],{"name":3020,"color":3021},{"name":3073,"color":3074},"2.x","d4c5f9",10873,"Page mounted twice","2024-06-14T12:08:58Z","https://github.com/nuxt/nuxt/issues/10873",0.6171946,{"labels":3081,"number":3090,"owner":3023,"repository":3023,"state":3053,"title":3091,"updated_at":3092,"url":3093,"score":3094},[3082,3083,3084,3087],{"name":3044,"color":3045},{"name":3047,"color":3048},{"name":3085,"color":3086},"pages","00DFB5",{"name":3088,"color":3089},"❗ p4-important","D93F0B",14475,"edge version is triggering re-renders on nested pages","2023-01-19T17:36:03Z","https://github.com/nuxt/nuxt/issues/14475",0.6345081,{"description":3096,"labels":3097,"number":3100,"owner":3023,"repository":3023,"state":3053,"title":3101,"updated_at":3102,"url":3103,"score":3104},"### 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_",[3098,3099],{"name":3044,"color":3045},{"name":3020,"color":3021},14751,"OnMounted twice when layout change","2023-01-19T17:39:44Z","https://github.com/nuxt/nuxt/issues/14751",0.63585764,{"description":3106,"labels":3107,"number":3110,"owner":3023,"repository":3023,"state":3053,"title":3111,"updated_at":3112,"url":3113,"score":3114},"### Environment\n\nNuxt project info:\r\n\r\n------------------------------\r\n- Operating System: `Linux`\r\n- Node Version: `v14.20.0`\r\n- Nuxt Version: `3.0.0-rc.10`\r\n- Nitro Version: `0.5.3`\r\n- Package Manager: `npm@6.14.17`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n------------------------------\n\n### Reproduction\n\n[codesandbox](https://codesandbox.io/p/github/Alireza1996Sh/nuxt-3-layout-bug-recreation/master)\r\n\n\n### Describe the bug\n\n## nuxt 3: change layout => mount page twice\r\n### unexpected life cycle during layout change\r\n\r\nhere is the structure:\r\n```\r\npages\r\n|-- index.vue\r\n|-- other\r\n|-- |-- index.vue\r\nlayouts\r\n|-- default.vue\r\n|-- custom.vue\r\n```\r\nthe `other` page uses `custom` layout.\r\nwhen we want to change route from a page with default layout (`index`) to a page with custom layout (`other`), `other` page life cycle will be like this:\r\n```\r\nmounted\r\nunmounted (why unmounted?!!)\r\nmounted (again!)\r\n```\r\nbut if a page use same layout as previous page, the life cycle will be normal:\r\n`mounted`\r\n\r\nthe problem always happen when using different layout than previous page\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3108,3109],{"name":3044,"color":3045},{"name":3020,"color":3021},14947,"Changing layout make unexpected page life cycle","2023-01-19T17:42:53Z","https://github.com/nuxt/nuxt/issues/14947",0.64267665,{"labels":3116,"number":3122,"owner":3023,"repository":3023,"state":3053,"title":3123,"updated_at":3124,"url":3125,"score":3126},[3117,3120,3121],{"name":3118,"color":3119},"stale","ffffff",{"name":3020,"color":3021},{"name":3073,"color":3074},8328,"Pages are created twice when SSR is false and splitChunks layouts is true","2023-01-22T15:38:17Z","https://github.com/nuxt/nuxt/issues/8328",0.6459672,{"labels":3128,"number":3132,"owner":3023,"repository":3023,"state":3053,"title":3133,"updated_at":3134,"url":3135,"score":3136},[3129,3130,3131],{"name":3118,"color":3119},{"name":3020,"color":3021},{"name":3073,"color":3074},7441,"Page mounts twice causing huge performance issues","2023-01-22T15:36:01Z","https://github.com/nuxt/nuxt/issues/7441",0.64832425,["Reactive",3138],{},["Set"],["ShallowReactive",3141],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fAlG9hczQ4g_rk6z255crl6TSVLCcvbPlgvlkPqPJ-CQ":-1},"/nuxt/nuxt/14712"]