\n \u003C/template>\n\n \u003Ctemplate #right>\n \u003Ch1>Welcome to your dashboard\u003C/h1>\n \u003C/template>\n \u003C/UPage>\n \u003C/div>\n\u003C/template>\n\n\u003Cscript setup>\n\n\u003C/script>\n```\n\n\nand this is my VerticalManu, component file which is located to ~/components/\n\n```\n\u003Cscript setup lang=\"ts\">\n\nconst links = [{\n label: 'Documentation',\n icon: 'i-heroicons-book-open',\n to: '/getting-started'\n}, {\n label: 'Playground',\n icon: 'i-simple-icons-stackblitz',\n to: '/playground'\n}]\n\nconst pageLinks = [{\n icon: 'i-heroicons-heart',\n label: 'Learn how to contribute',\n to: '/getting-started/contributing',\n target: '_blank'\n}]\n\u003C/script>\n\n\u003Ctemplate>\n \u003CUAside :links=\"links\">\n \u003Ctemplate #top>\n \u003CUContentSearchButton />\n \u003C/template>\n\n \u003CPlaceholder class=\"h-60\" />\n\n \u003Ctemplate #bottom>\n \u003CUDivider type=\"dashed\" class=\"my-6\" />\n\n \u003CUPageLinks :links=\"pageLinks\" />\n \u003C/template>\n \u003C/UAside>\n\u003C/template>\n```\n\nI was expecting to see the sidebar on the left but no content in the UI and the following warnings in the console and I do not know how to get over it. \n\nI mention that if I add a \u003CUButton>click me\u003C/UButton> in the main \u003Cdiv> of app.vue and delete everything else, I see the button in the browser.\n\nAny help will be much appreciated! 😚 \n\n```\n WARN [Vue warn]: Failed to resolve component: UPage\nIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.\n at \u003CApp>\n at \u003CNuxtRoot>\n\n\n WARN [Vue warn]: Non-function value encountered for default slot. Prefer function slots for better performance.\n at \u003CAnonymous>\n at \u003CApp>\n at \u003CNuxtRoot>\n\n\n WARN [Vue warn]: Component \u003CAnonymous> is missing template or render function.\n at \u003CAnonymous>\n at \u003CApp>\n at \u003CNuxtRoot>\n```\n",[2072,2075,2078],{"name":2073,"color":2074},"question","d876e3",{"name":2076,"color":2077},"v3","49DCB8",{"name":2079,"color":2080},"pro","5BD3CB","ui","nuxt3 with nuxtUI Failed to resolve component UPage","2024-10-07T10:11:46Z","https://github.com/nuxt/ui/issues/2323",{"description":2086,"labels":2087,"number":2095,"owner":1988,"repository":1988,"state":1989,"title":2096,"updated_at":2097,"url":2098,"score":2099},"### Environment\n\n- Operating System: Linux\r\n- Node Version: v21.1.0\r\n- Nuxt Version: 3.8.2\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@10.2.0\r\n- Builder: -\r\n- User Config: app, modules, build, plugins, directus, css, i18n, shadcn, tailwindcss, gsap\r\n- Runtime Modules: nuxt-directus@5.6.0, @nuxtjs/i18n@8.0.0-rc.7, @nuxtjs/tailwindcss@6.10.1, shadcn-nuxt@0.1.0, nuxt-particles@0.1.5, @hypernym/nuxt-gsap@2.4.2\r\n- Build Modules: -\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-tf41bf?file=layouts%2Fdefault.vue\n\n### Describe the bug\n\nThis behavior appeared recently, when navigating from one page to another with page transitions enabled and a layout such as:\r\n\r\n```\r\n \u003CAppNavbar />\r\n \u003Cslot />\r\n \u003CAppFooter />\r\n```\r\n\r\n`NuxtPage` is rendered after `AppFooter` in the DOM.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2088,2089,2092],{"name":2053,"color":2054},{"name":2090,"color":2091},"workaround available","11376d",{"name":2093,"color":2094},"upstream","E8A36D",24632,"Pages are rendered outside the layout when page transitions are enabled","2024-11-07T09:50:56Z","https://github.com/nuxt/nuxt/issues/24632",0.7070534,["Reactive",2101],{},["Set"],["ShallowReactive",2104],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"OEnElkMsdevU4UzEHb8TLK2sD0vrBeyODCOFROqhNBY":-1},"/nuxt/nuxt.com/1306"]