\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_",[2030,2031,2034],{"name":1998,"color":1999},{"name":2032,"color":2033},"🔨 p3-minor","FBCA04",{"name":2035,"color":2036},"server components","839413",25423,"Respect named slots in server components","2024-03-06T15:26:20Z","https://github.com/nuxt/nuxt/issues/25423",0.64539313,{"description":2043,"labels":2044,"number":2047,"owner":1988,"repository":1988,"state":2002,"title":2048,"updated_at":2049,"url":2050,"score":2051},"### 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_",[2045,2046],{"name":1998,"color":1999},{"name":1985,"color":1986},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.64675295,{"description":2053,"labels":2054,"number":2061,"owner":1988,"repository":1988,"state":2002,"title":2062,"updated_at":2063,"url":2064,"score":2065},"### 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>",[2055,2058],{"name":2056,"color":2057},"enhancement","8DEF37",{"name":2059,"color":2060},"2.x","d4c5f9",6102,"Simplify Config for slots in view/layout files","2023-02-16T23:43:37Z","https://github.com/nuxt/nuxt/issues/6102",0.646808,{"description":2067,"labels":2068,"number":2070,"owner":1988,"repository":1988,"state":2002,"title":2071,"updated_at":2072,"url":2073,"score":2074},"### 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_",[2069],{"name":1985,"color":1986},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.6475867,{"labels":2076,"number":2079,"owner":1988,"repository":1988,"state":2002,"title":2080,"updated_at":2081,"url":2082,"score":2083},[2077,2078],{"name":2056,"color":2057},{"name":2059,"color":2060},6668,"Proposal to replace \u003Cnuxt> and \u003Cnuxt-child> by normal slots","2023-01-22T15:51:03Z","https://github.com/nuxt/nuxt/issues/6668",0.650103,{"description":2085,"labels":2086,"number":2100,"owner":1988,"repository":1988,"state":2002,"title":2101,"updated_at":2102,"url":2103,"score":2104},"### Environment\n\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v20.10.0\r\n- Nuxt Version: 3.12.1\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.6\r\n- Package Manager: pnpm@8.12.1\r\n- Builder: -\r\n- User Config: devtools, hooks\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-bxdlen-fwzkjx?file=pages%2Findex.vue\n\n### Describe the bug\n\nI replaced the routing with pages:extend, and before version 3.12, the page could be displayed normally. But after I upgraded to version 3.12, the customized layout no longer displays on any of my pages.\r\n``` \r\n// nuxt.config.ts\r\nexport default defineNuxtConfig({\r\n hooks: {\r\n \"pages:extend\": (pages) => {\r\n pages.splice(0, pages.length);\r\n pages.push(...routers);\r\n }\r\n }\r\n})\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2087,2088,2091,2094,2097],{"name":1998,"color":1999},{"name":2089,"color":2090},"workaround available","11376d",{"name":2092,"color":2093},"bug","d73a4a",{"name":2095,"color":2096},"pages","00DFB5",{"name":2098,"color":2099},"❗ p4-important","D93F0B",27577,"The route I customized in pages:extend cannot load the custom layout.","2024-11-08T17:21:15Z","https://github.com/nuxt/nuxt/issues/27577",0.66601604,["Reactive",2106],{},["Set"],["ShallowReactive",2109],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"rMjIYsScLKzHIzJgZgWilQt7jznGadFClcePOezSIIw":-1},"/nuxt/nuxt/23929"]