\r\n \u003C/AppButton>\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\n```vue\r\n\u003C!-- App.vue -->\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CServerComp>\r\n Some slot content here\r\n \u003C/ServerComp>\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2891,2892,2895],{"name":2879,"color":2880},{"name":2893,"color":2894},"🔨 p3-minor","FBCA04",{"name":2896,"color":2897},"server components","839413",25423,"Respect named slots in server components","2024-03-06T15:26:20Z","https://github.com/nuxt/nuxt/issues/25423",0.6390336,{"description":2904,"labels":2905,"number":2907,"owner":2869,"repository":2869,"state":2883,"title":2908,"updated_at":2909,"url":2910,"score":2911},"### Environment\r\n\r\n- Operating System: Darwin\r\n- Node Version: v22.7.0\r\n- Nuxt Version: 3.13.0\r\n- CLI Version: 3.13.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: pnpm@9.9.0\r\n- Builder: -\r\n- User Config: app, compatibilityDate, srcDir, devtools, modules, arco, i18n, css, postcss, pinia, imports, router, nitro, runtimeConfig, vue, vite, build\r\n- Runtime Modules: @pinia/nuxt@0.5.4, @nuxtjs/i18n@8.5.1, arco-design-nuxt-module@0.1.0\r\n- Build Modules: -\r\n\r\n\r\n### Reproduction\r\n\r\n```\r\n\u003Cscript lang=\"ts\" setup>\r\nconst layoutName = false;\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003CNuxtLayout :name=\"layoutName\">\r\n \u003CNuxtPage />\r\n \u003C/NuxtLayout>\r\n\u003C/template>\r\n\r\n```\r\n\r\n### Describe the bug\r\n\r\nIn Nuxt 3, when using NuxtPage as a slot within a NuxtLayout that has a dynamic name, the page does not re-render upon route changes. \r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2906],{"name":2866,"color":2867},28905,"NuxtPage does not re-render when used as a slot in dynamic NuxtLayout","2024-09-10T06:24:38Z","https://github.com/nuxt/nuxt/issues/28905",0.6431987,{"description":2913,"labels":2914,"number":2917,"owner":2869,"repository":2869,"state":2883,"title":2918,"updated_at":2919,"url":2920,"score":2921},"### Environment\r\n\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.11.1\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.6\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\nHere is a minimal reproduction example : https://stackblitz.com/edit/github-tl6jyu\r\n\r\n### Describe the bug\r\n\r\nWhen I use the `app/router.options.ts` file to override the file-based page system to have more control over pages and urls, I can't apply any custom layout other than the default one. I could use the nested pages system from vue-router but I'm missing some layout features like the named slot which doesn't exist in nested pages.\r\n\r\nI have renamed the `pages` folder to ensure that the default file-based pagination system is not used, but the problem persists.\n\nIs there any configuration required to enable this in the `nuxt.config.ts` file ?\r\n\r\n### Additional context\r\n\r\nI may have missed something, I'm new to Nuxt 3.\r\n\r\n### Logs\r\n\r\n_No response_",[2915,2916],{"name":2879,"color":2880},{"name":2866,"color":2867},26647,"Unable to apply custom layout with router.options.ts other than default","2024-11-30T12:08:58Z","https://github.com/nuxt/nuxt/issues/26647",0.64542484,{"description":2923,"labels":2924,"number":2927,"owner":2869,"repository":2869,"state":2883,"title":2928,"updated_at":2929,"url":2930,"score":2931},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v20.7.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@10.1.0\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/github/lubomirblazekcz/nuxt-layout-repro\r\n\r\n### Describe the bug\r\n\r\nAs mentioned in https://github.com/nuxt/nuxt/issues/15158#issuecomment-1397373067, if NuxtLayout is used in page, the whole layout is re-rendered, even if the contents of the layout don't change.\r\n\r\nThis is clearly visible in repro, the animation occures on each page because of the layout re-render.\r\n\r\nHere is a repro where animation occures only when the layout changes, which would be correct behaviour. This is because the layout is defined in `app.vue`, instead of page - but this is not ideal, because then slot & template doesn't work which is also mentioned in https://github.com/nuxt/nuxt/issues/15158\r\n\r\nhttps://stackblitz.com/github.com/lubomirblazekcz/nuxt-layout-repro/tree/working\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2925,2926],{"name":2879,"color":2880},{"name":2866,"color":2867},23421,"Layout re-renders even if the layout contents are same","2023-09-27T05:47:09Z","https://github.com/nuxt/nuxt/issues/23421",0.65069634,{"labels":2933,"number":2940,"owner":2869,"repository":2869,"state":2883,"title":2941,"updated_at":2942,"url":2943,"score":2944},[2934,2937],{"name":2935,"color":2936},"enhancement","8DEF37",{"name":2938,"color":2939},"2.x","d4c5f9",6668,"Proposal to replace \u003Cnuxt> and \u003Cnuxt-child> by normal slots","2023-01-22T15:51:03Z","https://github.com/nuxt/nuxt/issues/6668",0.6553921,{"description":2946,"labels":2947,"number":2950,"owner":2869,"repository":2869,"state":2883,"title":2951,"updated_at":2952,"url":2953,"score":2954},"### Environment\n\nNuxt 3.0.0-rc.11\n\n### Reproduction\n\nStackBlitz: https://stackblitz.com/edit/nuxt3-layout-slot-bug\n\n### Describe the bug\n\nLayout slots not working with default layout, generate error (see reproduction):\r\n\r\n```\r\nError: Codegen node is missing for element/if/for node. Apply appropriate transforms first.\r\n```\r\n\r\nNote the use of `app.vue`.\r\n\r\nExplicitly using `\u003CNuxtLayout>` with `layout: false` in page meta works but leads to full re-render of the layout and kinda defies the purpose of a default layout.\r\n\r\nNot sure if I'm doing something wrong with the setup, but following the docs, the code in the repro should work. Also, best in terms of DX IMO.\n\n### Additional context\n\nThis is a typical use case where you for instance have a nav and want to add additional items via a slot on specific pages.\n\n### Logs\n\n_No response_",[2948,2949],{"name":2879,"color":2880},{"name":2866,"color":2867},15158,"Layout slots not working in default layout","2023-09-26T14:37:01Z","https://github.com/nuxt/nuxt/issues/15158",0.6569531,{"description":2956,"labels":2957,"number":2960,"owner":2869,"repository":2869,"state":2883,"title":2961,"updated_at":2962,"url":2963,"score":2964},"### What problem does this feature solve?\r\n\r\nNuxt added support for named views / layouts a few months ago. See:\r\nhttps://nuxtjs.org/examples/named-views\r\nhttps://github.com/nuxt/nuxt.js/pull/4410/files\r\n(As an aside, in the documentation, I would use the word \"slots\" and say something like \"Named views and layouts\" or \"Named slots in views and layouts\")\r\n\r\nMore importantly - Could this configuration get any more complicated?\r\n\r\nIn my view / layout file, I should just be able to use:\r\n```\r\n\u003CNuxt name=\"top\" />\r\n```\r\n\r\nAnd Nuxt should be able to figure out which route I am using the \"top\" slot in. Why do I even need to tell Nuxt which route \"top\" applies to, let alone with such a complicated config that I can't seem to figure out how it works? I'm a huge fan of simplicity and sometimes Nuxt tries to make things less intuitive than they need to be.\r\n\r\nCurrent config for \"slots\":\r\n```\r\n router: {\r\n extendRoutes(routes, resolve) {\r\n let index = routes.findIndex(route => route.name === \"main\");\r\n routes[index] = {\r\n ...routes[index],\r\n components: {\r\n default: routes[index].component,\r\n top: resolve(__dirname, \"components/mainTop.vue\")\r\n },\r\n chunkNames: {\r\n top: \"components/mainTop\"\r\n }\r\n };\r\n }\r\n }\r\n```\r\n\r\nProposed config for slots:\r\n```\r\nslots: {\r\n top: \"components/mainTop\",\r\n bottom: \"components/mainBottom\",\r\n}\r\n```\r\n\r\nMore history and background: \r\nhttps://github.com/nuxt/nuxt.js/issues/190\r\nhttps://github.com/nuxt/nuxt.js/issues/1079\r\n\r\n\r\n### What does the proposed changes look like?\r\n\r\nSImplify config for slots to Nuxt layout files. See above.\r\n\r\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\r\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This feature request is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c9521\">#c9521\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2958,2959],{"name":2935,"color":2936},{"name":2938,"color":2939},6102,"Simplify Config for slots in view/layout files","2023-02-16T23:43:37Z","https://github.com/nuxt/nuxt/issues/6102",0.66327924,{"description":2966,"labels":2967,"number":2970,"owner":2869,"repository":2869,"state":2883,"title":2971,"updated_at":2972,"url":2973,"score":2974},"### Environment\r\n\r\nOficial page - https://v3.nuxtjs.org/api/components/nuxt-layout\r\nLocal env is:\r\n> Nuxt 3.0.0-rc.12 with Nitro 0.6.0\r\n\r\n### Reproduction\r\n\r\nhttps://v3.nuxtjs.org/api/components/nuxt-layout\r\n\r\n### Describe the bug\r\n\r\nApp.vue have issue on declared way to use layouts:\r\n\r\n> You can use \u003CNuxtLayout /> component to activate default layout on **_app.vue_** or error.vue.\r\n\r\nAnd in app get this message: \r\n\r\n` WARN Using \u003CNuxtLayout> inside app.vue will cause unwanted layout shifting in your application.Consider removing \u003CNuxtLayout> from app.vue and using it in your pages.`\r\n\r\n\r\n### Additional context\r\n\r\n`App.vue`\r\n```js\r\n\u003Ctemplate>\r\n \u003CNuxtLayout>\r\n \u003CNuxtPage />\r\n \u003C/NuxtLayout>\r\n\u003C/template>\r\n```\r\n\r\n### Logs\r\n\r\n_No response_",[2968,2969],{"name":2879,"color":2880},{"name":2866,"color":2867},15240,"[DOCS] NuxtLayout warn vs documentation","2024-11-08T01:59:31Z","https://github.com/nuxt/nuxt/issues/15240",0.6717416,["Reactive",2976],{},["Set"],["ShallowReactive",2979],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$frMjIYsScLKzHIzJgZgWilQt7jznGadFClcePOezSIIw":-1},"/nuxt/nuxt/23929"]