` and `\u003CNuxtLayout />` components in the below way:\r\n```vue\r\n \u003Cdiv v-if=\"loading\">loading...\u003C/div>\r\n \u003CNuxtLayout v-else>\r\n \u003CNuxtPage />\r\n \u003C/NuxtLayout>\r\n```\r\n\r\nBut it shows up the below warning in console log.\r\n```\r\n[nuxt] Your project has pages but the `\u003CNuxtPage />` component has not been used. You might be using the `\u003CRouterView />` component instead, which will not work correctly in Nuxt. You can set `pages: false` in `nuxt.config` if you do not wish to use the Nuxt `vue-router` integration.\r\n[nuxt] Your project has layouts but the `\u003CNuxtLayout />` component has not been used.\r\n```\r\n\r\n### Additional context\r\n\r\nMy purpose is fetching some environment data from server before NuxtLayout and NuxtPage rendered and shows a loading layout. In addition, I will use it with SSR off.\r\n\r\n### Logs\r\n\r\n_No response_",[3031],{"name":3032,"color":3033},"🍰 p2-nice-to-have","0E8A16",25912,"\"NuxtPage / NuxtLayout component has not been used\" warn when NuxtLayout async show up","2025-02-21T12:34:45Z","https://github.com/nuxt/nuxt/issues/25912",0.700592,{"description":3040,"labels":3041,"number":3056,"owner":3022,"repository":3057,"state":3058,"title":3059,"updated_at":3060,"url":3061,"score":3062},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nwhen use UHeader of nuxt pro ,it does support a link slot that i can customize ,because when i use nuxti18n ,i must use the \u003CNuxtLinkLocale to=\"/\">\u003C/NuxtLinkLocale> provided by nuxti18n to skip routes in multi-language environments\n\n### Additional context\n\n_No response_",[3042,3045,3048,3051,3054],{"name":3043,"color":3044},"enhancement","a2eeef",{"name":3046,"color":3047},"nuxt/ui-pro","00dc82",{"name":3049,"color":3050},"triage","ffffff",{"name":3052,"color":3053},"closed-by-bot","ededed",{"name":3055,"color":3053},"stale",2765,"ui","closed","UHeader and UFooter doesnt support a link slot that users can customize","2025-06-18T09:05:33Z","https://github.com/nuxt/ui/issues/2765",0.675527,{"description":3064,"labels":3065,"number":3074,"owner":3022,"repository":3057,"state":3058,"title":3075,"updated_at":3076,"url":3077,"score":3078},"### Environment\n\n\n```\n\"@nuxt/ui\": \"^3.1.3\",\n\"@nuxt/ui-pro\": \"^3.1.3\",\n\"nuxt\": \"^3.17.5\",\n```\n\n\n```\nui: {\n prefix: 'Custom',\n},\n```\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.17.5\n\n### Reproduction\n\nIf I simply switch out the `CustomHeader` to a basic `header` element and remove the `template` tags the nested CustomNavigationMenu works and I'm not getting unable to resolve component warnings.\n\n```\n\u003Cscript setup lang=\"ts\">\nimport type { NavigationMenuItem } from '@nuxt/ui'\n\ndefineProps\u003C{\n links: NavigationMenuItem[]\n}>()\n\u003C/script>\n\n\u003Ctemplate>\n \u003CCustomHeader>\n \u003Ctemplate #left>\n \u003CClientOnly>\n \u003CNuxtLink to=\"/\">\n \u003CBaseLogo />\n \u003C/NuxtLink>\n \u003C/ClientOnly>\n \u003C/template>\n\n \u003CCustomNavigationMenu :items=\"links\" variant=\"link\" />\n\n \u003Ctemplate #right>\n \u003CThemePicker />\n \u003C/template>\n\n \u003Ctemplate #body>\n \u003CCustomNavigationMenu\n orientation=\"vertical\"\n :items=\"links\"\n />\n \u003C/template>\n \u003C/CustomHeader>\n\u003C/template>\n```\n\nerrors:\n[Vue warn]: Failed to resolve component: UButton\nIf this is a native custom element, make sure to exclude it from component resolution via ...\n[Vue warn]: Failed to resolve component: UContainer\nIf this is a native custom element, make sure to exclude it from component resolution via ...\n[Vue warn]: Failed to resolve component: ULink\nIf this is a native custom element, make sure to exclude it from component resolution via ..\n\n### Description\n\nIf i'm setting a custom prefix in the `ui: {}` config object for the components the UHeader component is unable to resolve its nested components.\n\n### Additional context\n\nI think i've seen issues like this previously also posted, and maybe its some import that is missing.\n\n### Logs\n\n```shell-script\n\n```",[3066,3069,3072,3073],{"name":3067,"color":3068},"bug","d73a4a",{"name":3070,"color":3071},"v3","49DCB8",{"name":3046,"color":3047},{"name":3049,"color":3050},4371,"custom prefix not working when set with UHeader","2025-06-18T09:09:47Z","https://github.com/nuxt/ui/issues/4371",0.67603683,{"description":3080,"labels":3081,"number":3085,"owner":3022,"repository":3057,"state":3058,"title":3086,"updated_at":3087,"url":3088,"score":3089},"### Description\n\nHi !\nFirst of all great work. I love this Kit.\nBut I was wondering if this Nuxt UI Kit (pro version) can be used just in Vue ? Without having the while framework ?\nI possibly need to build an app with AdonisJS with intertia in front, without haveing front router etc. \nI would just have the Vue templating, and hopefully built thanks to this kit \n:)",[3082],{"name":3083,"color":3084},"question","d876e3",4062,"Can Nuxt UI Pro be used just with Vue, Without Nuxt ?","2025-05-04T17:27:57Z","https://github.com/nuxt/ui/issues/4062",0.678083,{"description":3091,"labels":3092,"number":3096,"owner":3022,"repository":3022,"state":3058,"title":3097,"updated_at":3098,"url":3099,"score":3100},"The problem that im facing has to do with nuxt-link and nuxt-view. As far as i've used vuejs i remember that if you put router-link and down below you put a router-view it will render everything with navigation bar if its there. However with nuxt i put nuxt-link (or router-link for testing) and below i put nuxt-view (or router-view for testing) it redirects me to another page but the navigation bar dissapears. At first i was told that i might need to use layout instead of components but its pretty much the same result. Here is the code:\r\n\r\n \r\n \u003Ctemplate>\r\n \u003Cdiv id=\"\">\r\n \u003Cnuxt-link :to='{name: \"terms-sections-test1\"}'>Go to 1 \u003C/nuxt-link>\r\n \u003Cnuxt-link to='/terms/sections/test2'>Go to 2 \u003C/nuxt-link>\r\n \u003Crouter-link to='terms/sections/test1'>ROUTER LINK\u003C/router-link>\r\n\r\n\r\n \u003Cnuxt-view> \u003C/nuxt-view>\r\n \u003Crouter-view >\u003C/router-view>\r\n\r\n\r\n\r\n \u003C/div>\r\n \u003C/template>\r\n \u003Cscript>\r\n export default {\r\n /* eslint-disable */\r\n layout: 'navigation'\r\n\r\n }\r\n \u003C/script>\r\n \u003Cstyle lang=\"css\" scoped>\r\n \u003C/style>\r\n\r\nIs there a work around so that i dont have to include layout everytime in its children components? or i need to include them everywhere? sorry for the noob question but i cant really see good documentation for nuxt-view.\r\n\r\nP.S: everytime when i press on my first nuxt-link it redirects me to the page but when i go back to initial page (the code above) it gives me this warning:\r\n\r\n [Vue warn]: Unknown custom element: \u003Cnuxt-view> - did you register the component correctly? For \r\n recursive components, make sure to provide the \"name\" option.\r\n\r\nPlease help :)\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c977\">#c977\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3093],{"name":3094,"color":3095},"2.x","d4c5f9",1116,"Nuxt-view with nuxt-link","2023-01-18T15:40:45Z","https://github.com/nuxt/nuxt/issues/1116",0.67898315,{"description":3102,"labels":3103,"number":3108,"owner":3022,"repository":3022,"state":3058,"title":3109,"updated_at":3110,"url":3111,"score":3112},"### Environment\n\nNuxt project info: \r\n\r\n------------------------------\r\n- Operating System: `Windows_NT`\r\n- Node Version: `v16.17.0`\r\n- Nuxt Version: `3.0.0-rc.11`\r\n- Nitro Version: `0.5.4`\r\n- Package Manager: `npm@8.19.2`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n------------------------------\r\n\n\n### Reproduction\n\n- Create a Nuxt module project:\r\n\r\n```\r\nnpx nuxi init -t module my-module\r\ncd my-module\r\nnpm i \r\nnpm run dev:prepare\r\n```\r\n\r\n- Make a call to `extendPages` within `module.ts` to add a page:\r\n\r\n```ts [module.ts]\r\nextendPages((pages) => {\r\n pages.push({\r\n name: 'module-page',\r\n path: '/:slug(.*)*',\r\n // @ts-ignore\r\n file: resolve(runtimeDir, './MyPage.vue')\r\n })\r\n})\r\n```\r\n- Add a page `~/src/runtime/MyPage.vue`:\r\n\r\n```vue [MyPage.vue]\r\n\u003Ctemplate>\r\n \u003Cdiv>Hello!\u003C/div>\r\n\u003C/template>\r\n```\r\n\r\n- Update `app.vue` to add `\u003CNuxtLayout>` and `\u003CNuxtPage>`:\r\n\r\n```vue [app.vue]\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CNuxtLayout>\r\n \u003CNuxtPage />\r\n \u003C/NuxtLayout>\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\n- Run the project with `npm run dev` and note that the page has not loaded:\r\n```\r\nPlugin by my-module!\r\n√ Vite server hmr 4 files in 50.259ms\r\n[Vue warn]: Failed to resolve component: NuxtPage\r\nIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.\r\nPlugin by my-module!\r\n[Vue warn]: Component \u003CAnonymous> is missing template or render function.\r\n√ Vite server hmr 4 files in 143.147ms\r\n[Vue warn]: Failed to resolve component: NuxtPage\r\nIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.\r\nPlugin by my-module!\r\n```\n\n### Describe the bug\n\nNuxt cleverly strips out all router functionality if a project does not have a pages directory. However, this functionality is still removed if an installed module calls 'extendPages', so modules can't actually provide pages unless the project itself already has some, which may not always be the case.\r\n\r\nI think router functionality should be preserved by Nuxt if `extendPages` is called.\r\n\n\n### Additional context\n\nI am creating a module which creates a catch all page so I can do my own routing. I don't want to need to create a page in every project in order for my module's page to take effect. I can imagine other modules will want to act similarly, even if they're only providing more specific routes/pages.\n\n### Logs\n\n_No response_",[3104,3107],{"name":3105,"color":3106},"3.x","29bc7f",{"name":3019,"color":3020},15060,"Nuxt does not include router functionality when a module calls extendPages unless the project has its own pages directory","2023-01-19T17:44:18Z","https://github.com/nuxt/nuxt/issues/15060",0.6791269,{"description":3114,"labels":3115,"number":3119,"owner":3022,"repository":3057,"state":3058,"title":3120,"updated_at":3121,"url":3122,"score":3123},"### Description\n\nI'm trying to use Nuxt UI in a project that doesn't use Vue Router nor Inertia (for the record, it uses https://hybridly.dev/, but I don't want a `Link` component integration at all).\n\nWhen not using the `inertia` parameter, the following error occurs in the browsers' console:\n\n```\nUncaught SyntaxError: The requested module 'http://[::1]:5173/@id/__vite-optional-peer-dep:vue-router:@nuxt/ui' doesn't provide an export named: 'useRoute'\n```\n\n\n\nWhen setting `inertia` to `true`, I have the following one:\n\n```\nUncaught SyntaxError: The requested module 'http://[::1]:5173/@id/__vite-optional-peer-dep:@inertiajs/vue3:@nuxt/ui' doesn't provide an export named: 'usePage'\n```\n\n\n\nBoth of these seem to be due to Nuxt UI expecting either `vue-router` or `inertia-vue3` to be installed, which I don't want.\n\nIt would be nice if Nuxt UI supported a routerless option.\n\n### Additional context\n\n_No response_",[3116,3117,3118],{"name":3043,"color":3044},{"name":3070,"color":3071},{"name":3049,"color":3050},4341,"Opt-out of router integrations","2025-06-16T09:46:25Z","https://github.com/nuxt/ui/issues/4341",0.68140125,{"description":3125,"labels":3126,"number":3133,"owner":3022,"repository":3022,"state":3058,"title":3134,"updated_at":3135,"url":3136,"score":3137},"### 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).",[3127,3129,3132],{"name":3043,"color":3128},"8DEF37",{"name":3130,"color":3131},"discussion","538de2",{"name":3019,"color":3020},29365,"Allow injecting pages without inheriting from `app.vue`","2025-02-23T10:08:58Z","https://github.com/nuxt/nuxt/issues/29365",0.68349713,{"labels":3139,"number":3142,"owner":3022,"repository":3022,"state":3058,"title":3143,"updated_at":3144,"url":3145,"score":3146},[3140,3141],{"name":3043,"color":3128},{"name":3105,"color":3106},13322,"provide universal route handling utilities","2023-01-19T16:52:31Z","https://github.com/nuxt/nuxt/issues/13322",0.6860592,["Reactive",3148],{},["Set"],["ShallowReactive",3151],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fk7OuCck3daV2qqNYMF7jZwcAQz3QildTs2GLEGnpD5I":-1},"/nuxt/ui/4233"]