\r\n \u003C/NuxtLayout>\r\n \u003C/ClientOnly>\r\n\u003C/template>\r\n```\r\n\r\n### Describe the bug\r\n\r\nWhen using a `\u003CClientOnly>` component around the `App.vue` (only SSR the app shell), the NuxtLayout warning will appear even though the component is used.\r\n\r\n### Additional context\r\n\r\nRelated: https://github.com/nuxt/nuxt/issues/24912\r\n\r\n### Logs\r\n\r\n_No response_",[2958,2959,2962,2963],{"name":2912,"color":2913},{"name":2960,"color":2961},"dx","C39D69",{"name":2896,"color":2897},{"name":2964,"color":2965},"🍰 p2-nice-to-have","0E8A16",25196,"`\u003CNuxtLayout /> component has not been used.` Warning when using `\u003CClientOnly>` in `app.vue`","2024-02-09T20:33:36Z","https://github.com/nuxt/nuxt/issues/25196",0.70059687,{"description":2972,"labels":2973,"number":2981,"owner":2871,"repository":2871,"state":2903,"title":2982,"updated_at":2983,"url":2984,"score":2985},"### Environment\n\npage/Index.vue\n\n```vue\n\u003Ctemplate>\n \n \u003C!-- The component Test is placed in the el-row tag, which reports an error-->\n \u003Cel-row>\n \u003CTest>\n \n \u003C/Test>\n \u003C/el-row>\n \n \u003C!-- Component Test does not report errors if not placed in the el row tag -->\n \u003C!-- \u003Cdiv>\n \u003CTest>\n \u003C/Test>\n \u003C/div> -->\n \n\u003C/template>\n\u003Cscript setup lang=\"ts\">\nimport SideBar from '~/pages/SideBar/index1.vue'\nimport Test from '~/pages/SideBar/test.vue'\n\u003C/script>\n\n```\n\npages/SideBar/test.vue\n\n```vue\n\u003Ctemplate>\n \u003Cul v-if=\"tagList\">\n \u003Cli v-for=\"item in tagList.data\" :key=\"item.id\">{{ item.tagName }}\u003C/li>\n \u003C/ul>\n\u003C/template>\n\n\u003Cscript setup>\nconst { data: tagList } = await useFetch('http://127.0.0.1:666/Tag/GetTagCloud')\n\n\u003C/script>\n```\n\nThe UI component used is element UI Puls\n\n### Reproduction\n\nNUXT takes the component with the API request and puts it into el-row for an error\n\n### Describe the bug\n\nNUXT takes the component with the API request and puts it into el-row for an error\n\n### Additional context\n\nNUXT takes the component with the API request and puts it into el-row for an error\n\n### Logs\n\n```shell-script\nNUXT takes the component with the API request and puts it into el-row for an error\n```",[2974,2975,2978],{"name":2915,"color":2916},{"name":2976,"color":2977},"needs reproduction","FBCA04",{"name":2979,"color":2980},"closed-by-bot","ededed",31533,"NUXT takes the component with the API request and puts it into el-row for an error","2025-04-02T02:06:27Z","https://github.com/nuxt/nuxt/issues/31533",0.7023303,{"description":2987,"labels":2988,"number":2996,"owner":2871,"repository":2871,"state":2903,"title":2997,"updated_at":2998,"url":2999,"score":3000},"### Describe the feature\n\nHello!\n\nI'm currently working on implementing devtools for Nuxt UI (PR: [#2196](https://github.com/nuxt/ui/pull/2196)). As part of this, I need to inject a page within the user's app that allows our devtools to render components based on the user's Nuxt UI configuration.\n\nThe challenge I'm encountering is that I could not find a way to inject this page without inheriting from the user's `app.vue` (using [`extendPages`](https://nuxt.com/docs/api/kit/pages#extendpages)) , which could cause unintended side effects.\n\nTo address this, I thought we could introduce a way to inject pages without inheriting from `app.vue`, similar to what’s done in for the [test utils](https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/app/components/nuxt-root.vue#L43), by rendering the nuxt page directly if it matches a specific condition.\n\n### Additional information\n\n- [x] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [x] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [x] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[2989,2992,2995],{"name":2990,"color":2991},"enhancement","8DEF37",{"name":2993,"color":2994},"discussion","538de2",{"name":2915,"color":2916},29365,"Allow injecting pages without inheriting from `app.vue`","2025-02-23T10:08:58Z","https://github.com/nuxt/nuxt/issues/29365",0.7025005,["Reactive",3002],{},["Set"],["ShallowReactive",3005],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fXJW5D_9e60-DsswUldAjCMXXOY7Bldl6gX14YkK4Xqw":-1},"/nuxt/ui/4209"]