\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\ndefinePageMeta({\n pageTransition: {\n name: 'rb-slide',\n mode: 'out-in'\n }\n})\n\u003C/script>\n```\n\nIt's a single node, but for some reason, Nuxt counts it as non-single.\n\nThe reason why both the file `/pages/admin.vue` and the folder `/pages/admin/...` exist is that I want some settings like `middleware: ['auth']` to be applied to the entire subset of routes. Otherwise, I have to repeatedly define it in every `/pages/admin/index.vue`, `/pages/admin/profile.vue`, etc file. Please suggest a better way of doing this if there's any.\n\nThe template of the entry point, `/pages/admin.vue` should be just empty, it should not add any additional div wrapper or whatever.\n \n\n### Reproduction\n\nHere's the repro: https://github.com/Kasheftin/nuxt-non-element-root.\nJust click on any link on the index page.\n\n### Describe the bug\n\nWhile going from one page to any other page, the following warning appears:\n```\n[Vue warn]: Component inside \u003CTransition> renders non-element root node that cannot be animated. \n at \u003CBaseTransition onAfterLeave= [ƒ] mode=\"out-in\" appear=false ... > \n at \u003CTransition onAfterLeave= [ƒ] name=\"rb-slide\" mode=\"out-in\" > \n at \u003CRouterView name=undefined route=undefined > \n at \u003CNuxtPage > \n at \u003CAdmin onVnodeUnmounted=fn\u003ConVnodeUnmounted> ref=Ref\u003C null > > \n```\n\nIt should not do it in case the page consists of just a single `\u003Ctemplate>\u003Cnuxt-page />\u003C/template>` template.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3028,3031],{"name":3029,"color":3030},"workaround available","11376d",{"name":3032,"color":3033},"pending triage","E99695",31810,"nuxt","open","`\u003CNuxtPage>` does not render single root element when transition is enabled","2025-04-16T14:05:51Z","https://github.com/nuxt/nuxt/issues/31810",0.7290402,{"description":3042,"labels":3043,"number":3053,"owner":3035,"repository":3054,"state":3036,"title":3055,"updated_at":3056,"url":3057,"score":3058},"### Environment\n\nOperating System: Windows 11\nNode Version: v22.14.0\nNuxt Version: 3.17.4\nNitro Version: 2.11.12\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.3\n\n### Description\n\nHi,\nWhen I use the mouseenter and mouseleave or mouseover and mouseout events, the following error appears and the events don't work:\n\n\"[Vue warn]: Extraneous non-emits event listeners (mouseenter, mouseleave) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event listener only, declare it using the emits option.\"\n\nWhat should I do? Can you help me?\n",[3044,3047,3050],{"name":3045,"color":3046},"bug","d73a4a",{"name":3048,"color":3049},"v3","49DCB8",{"name":3051,"color":3052},"triage","ffffff",4268,"ui","Extraneous non-emits event listeners (mouseenter, mouseleave) on UDashboardSidebar component","2025-06-01T11:15:46Z","https://github.com/nuxt/ui/issues/4268",0.73436254,{"labels":3060,"number":3065,"owner":3035,"repository":3035,"state":3066,"title":3067,"updated_at":3068,"url":3069,"score":3070},[3061,3062],{"name":3032,"color":3033},{"name":3063,"color":3064},"2.x","d4c5f9",10114,"closed","Custom directives didn't recognized by Nuxt v3","2023-01-22T15:45:12Z","https://github.com/nuxt/nuxt/issues/10114",0.6971215,{"description":3072,"labels":3073,"number":3081,"owner":3035,"repository":3035,"state":3066,"title":3082,"updated_at":3083,"url":3084,"score":3085},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v20.10.0`\r\n- Nuxt Version: `3.13.0`\r\n- CLI Version: `3.12.0`\r\n- Nitro Version: `2.9.7`\r\n- Package Manager: `bun@1.1.26`\r\n- Builder: `-`\r\n- User Config: `experimental`, `devtools`, `modules`, `ssr`, `tailwindcss`, `routeRules`, `router`, `hooks`, `electron`, `imports`, `runtimeConfig`, `nitro`\r\n- Runtime Modules: `nuxt-electron@0.7.0`, `@nuxtjs/tailwindcss@6.12.1`, `nuxt-icon@0.6.10`, `@vueuse/nuxt@10.11.1`, `@nuxt/image@1.7.1`, `@pinia/nuxt@0.5.4`, `unplugin-icons/nuxt`, `@vueuse/motion/nuxt@2.2.3`, `floating-vue/nuxt`\r\n- Build Modules: `-`\r\n\n\n### Reproduction\n\nhttps://github.com/primefaces/primevue/issues/6283\n\n### Describe the bug\n\nWhen using `custom` with NuxtLink, like so:\r\n```vue\r\n \u003CNuxtLink\r\n v-slot=\"{ navigate, isActive }\"\r\n :to=\"item.href\"\r\n custom\r\n />\r\n```\r\n\r\n\r\nthe browser console throws following warning:\r\n\r\n```\r\nExtraneous non-emits event listeners (pointerenter, focus) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event listener only, declare it using the \"emits\" option. \r\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3074,3075,3078],{"name":3045,"color":3046},{"name":3076,"color":3077},"pages","00DFB5",{"name":3079,"color":3080},"🔨 p3-minor","FBCA04",28732,"NuxtLink with custom directive is throwing console warning","2024-08-28T11:32:00Z","https://github.com/nuxt/nuxt/issues/28732",0.7102536,{"description":3087,"labels":3088,"number":3093,"owner":3035,"repository":3035,"state":3066,"title":3094,"updated_at":3095,"url":3096,"score":3097},"### Environment\r\n\r\n- Operating System: `Darwin`\r\n- Node Version: `v16.19.0`\r\n- Nuxt Version: `3.6.3`\r\n- Nitro Version: `2.5.2`\r\n- Package Manager: `yarn@1.22.19`\r\n- Builder: `vite`\r\n- User Config: `modules`, `i18n`, `devServer`, `formkit`, `tailwindcss`, `app`, `image`, `runtimeConfig`, `vite`, `devtools`, `experimental`\r\n- Runtime Modules: `@nuxtjs/tailwindcss@6.8.0`, `@nuxtjs/i18n@8.0.0-beta.12`, `@formkit/nuxt@1.0.0-beta.9-f64c966`, `@nuxt/image-edge@1.0.0-28020728.5df24eb`, `nuxt-icon@0.4.2`\r\n- Build Modules: `-`\r\n\r\n\r\n### Reproduction\r\n\r\nCreated baseButton dynamic component:\r\n```\r\n\u003Ctemplate>\r\n \u003Ccomponent\r\n class=\"\"\r\n :class=\"{\r\n 'flex gap-1.5 h-fit rounded px-3 py-2 justify-center items-center font-bebas text-slate-100 focus:outline-none':\r\n !to && !href,\r\n 'opacity-50 pointer-events-none': disabled,\r\n 'hover:opacity-90 cursor-pointer': !disabled,\r\n 'bg-rb-dark-green': !to && !href && primary,\r\n 'bg-amber-600': !to && !href && warning,\r\n 'bg-red-600': !to && !href && error,\r\n }\"\r\n :is=\"to ? 'nuxt-link' : href ? 'a' : 'button'\"\r\n :to=\"to\"\r\n :href=\"href\"\r\n :disabled=\"disabled\"\r\n :rel=\"href && 'noreferrer noopener'\"\r\n >\r\n \u003Cslot name=\"prepend\">\u003C/slot>\r\n \u003Cslot name=\"default\">\u003C/slot>\r\n \u003Cslot name=\"append\">\u003C/slot>\r\n \u003C/component>\r\n\u003C/template>\r\n\u003Cscript setup lang=\"ts\">\r\nconst props = defineProps({\r\n disabled: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n to: {\r\n type: String,\r\n default: null,\r\n },\r\n href: {\r\n type: String,\r\n default: null,\r\n },\r\n variant: {\r\n validator(value: \"primary\" | \"warning\" | \"error\") {\r\n return [\"primary\", \"warning\", \"error\"].includes(value);\r\n },\r\n default: \"primary\",\r\n },\r\n});\r\n\r\nconst primary = computed((): boolean => {\r\n return props.variant === \"primary\";\r\n});\r\nconst warning = computed((): boolean => {\r\n return props.variant === \"warning\";\r\n});\r\nconst error = computed((): boolean => {\r\n return props.variant === \"error\";\r\n});\r\n\u003C/script>\r\n```\r\n\r\nTHEN tried to use it in on the page:\r\n```\r\n\u003Cdiv class=\"grid justify-center grid-cols-2 gap-10 mb-10\">\r\n \u003Cui-base-button\r\n style=\"\"\r\n class=\"card flex items-center justify-center rounded-2xl backdrop-blur-2xl shadow-md h-32 md:h-60 border border-rb-dark-green/70 text-center font-bold text-3xl text-rb-dark-green\"\r\n v-for=\"appeal in appeals\"\r\n :to=\"`/campaign-admin/${appeal.slug}`\"\r\n >\r\n \u003Cspan class=\"!drop-shadow-glow\" style=\"text-shadow: white 1px 0 10px\">\r\n {{ appeal.title }}\r\n \u003C/span>\r\n \u003C/ui-base-button>\r\n \u003C/div>\r\n```\r\n\r\n### Describe the bug\r\n\r\nI created a dynamic baseButton component using Component. Then tried using it on the page in the v-for loop with dynamic route and although in the DOM everything renders great, and it is indeed turning into nuxt-link, once clicked on any of the nuxt-links, they route nowhere. No url change, nothing.\r\nIf i simply change uiBaseButton directly to nuxt-link in the v-for loop, then everything works fine and routes.\r\n\r\n### Additional context\r\n\r\n\r\n\r\nhttps://github.com/nuxt/nuxt/assets/73205087/61c49d59-e7f0-4978-bddf-c494d9b0200c\r\n\r\n\r\n\r\n### Logs\r\n\r\n```shell-script\r\nNo error logs in the console.\r\n```\r\n",[3089,3092],{"name":3090,"color":3091},"3.x","29bc7f",{"name":3032,"color":3033},22206,"nuxt-link not working when is set dynamicly via Component element","2023-07-19T09:41:21Z","https://github.com/nuxt/nuxt/issues/22206",0.72108996,{"description":3099,"labels":3100,"number":3103,"owner":3035,"repository":3035,"state":3066,"title":3104,"updated_at":3105,"url":3106,"score":3107},"### Environment\n\nnuxt 3 rc12\r\nwin10\n\n### Reproduction\n\nIf i put project in one dir it work, if move to other not work. Always something not work.\n\n### Describe the bug\n\nruntime-core.esm-bundler.js:38 [Vue warn]: Failed to resolve component: nuxt-child\r\nIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell\nruntime-core.esm-bundler.js:38 [Vue warn]: Hydration node mismatch:\r\n- Client vnode: nuxt-child \r\n- Server rendered DOM: \u003C!----> \r\n at \u003CQuality onVnodeUnmounted=fn\u003ConVnodeUnmounted> ref=Ref\u003C undefined > > \r\n at \u003CAnonymous key=\"/quality\" routeProps= Object pageKey=\"/quality\" ... > \r\n at \u003CBaseTransition mode=\"out-in\" appear=false persisted=false ... > \r\n at \u003CTransition name=\"page\" mode=\"out-in\" > \r\n at \u003CRouterView name=undefined route=undefined > \r\n at \u003CNuxtPage> \r\n at \u003CLayoutContent class=\"layoutContent py-0 bg-[#f8f8f8]\" > \r\n at \u003CLayout class=\"w-[100%] bg-[#f8f8f8]\" > \r\n at \u003CLayout class=\"flex h-[100%]\" has-sider=\"\" > \r\n at \u003CDefault > \r\n at \u003CAnonymous key=\"default\" name=\"default\" hasTransition=true > \r\n at \u003CBaseTransition mode=\"out-in\" appear=false persisted=false ... > \r\n at \u003CTransition name=\"layout\" mode=\"out-in\" > \r\n at \u003CAnonymous> \r\n at \u003CConfigProvider inline-theme-disabled=\"\" theme-overrides= Object locale= Object ... > \r\n at \u003CMessageProvider> \r\n at \u003CDialogProvider> \r\n at \u003CApp key=1 > \r\n at \u003CNuxtRoot>\n```\n",[3101,3102],{"name":3090,"color":3091},{"name":3032,"color":3033},15309,"runtime-core.esm-bundler.js:38 [Vue warn]: Failed to resolve component: nuxt-child If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. ","2023-01-19T17:48:01Z","https://github.com/nuxt/nuxt/issues/15309",0.72325903,{"description":3109,"labels":3110,"number":3113,"owner":3035,"repository":3035,"state":3066,"title":3114,"updated_at":3115,"url":3116,"score":3117},"\u003C!-- 💚 Thanks for your time to make Nuxt better with your feedbacks 💚\r\n\r\n**IMPORTANT** Before reporting a bug:\r\n\r\n- Please make sure that you have read through Nuxt documentation: https://nuxtjs.org\r\n- If issue is related to a module please create the issue in corresponding repository\r\n- Ensure using latest version of nuxt dependencies using `yarn upgrade nuxt` or `npm upgrade nuxt`\r\n\r\n👍 A properly detailed bug report can save a LOT of time and help fixing issues as soon as possible.\r\n-->\r\n\r\n### Versions\r\n\r\n- nuxt: 2.14.12\r\n- node: v12.14.0\r\n\r\n### Reproduction\r\n\r\nI add native webcomponent ([custom element](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements)) to template:\r\n\r\n```html\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n {{ message }}\r\n \u003Cinstagram-widget username=\"@ptkdev\" grid=\"3x3\">\u003C/instagram-widget> \u003C!-- this is html5 custom element -->\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript lang=\"ts\">\r\nimport Vue from 'vue'\r\nimport '@ptkdev/webcomponent-instagram-widget'; // available on npm\r\n\r\nexport default Vue.extend({\r\n\r\n data () {\r\n const message: string = 'This is a message'\r\n\r\n return {\r\n message\r\n }\r\n }\r\n})\r\n\u003C/script>\r\n\r\n```\r\n\r\nNuxtjs go to loop and don't load the page on localhost. I see docs of vue and i need (imho) [Autonomous Custom Elements](https://v3.vuejs.org/guide/migration/custom-elements-interop.html#autonomous-custom-elements) but how i can add my custom element to ignoredElements? Where i find `ignoredElements` on nuxtjs?\r\n\r\n### Steps to reproduce\r\n- Install `npm install @ptkdev/webcomponent-instagram-widget --save`\r\n- Import custom element javascript\r\n- Add html tag ` \u003Cinstagram-widget username=\"@ptkdev\" grid=\"3x3\">\u003C/instagram-widget> ` to nuxtjs template\r\n\r\n### What is Expected?\r\nSee html5 custom element\r\n\r\n### What is actually happening?\r\nNuxtjs refresh page and stop working",[3111,3112],{"name":3032,"color":3033},{"name":3063,"color":3064},8666,"Autonomous Custom Elements for Nuxt","2023-01-22T15:38:40Z","https://github.com/nuxt/nuxt/issues/8666",0.7296566,{"description":3119,"labels":3120,"number":3122,"owner":3035,"repository":3035,"state":3066,"title":3123,"updated_at":3124,"url":3125,"score":3126},"I was generating a simple project from nuxjs website. It works fine but when i added a button with v-on:click event.,in the generated one, the button doesn't work. It works with npm run dev.\r\nPlease help me out. Thanks\r\nBelow is my index.vue\r\n\r\n```\r\n\u003Ctemplate>\r\n \u003Csection class=\"container\">\r\n \u003Cdiv>\r\n \u003Clogo/>\r\n \u003Ch1 class=\"title\">\r\n NUXT\r\n \u003C/h1>\r\n \u003Ch2 class=\"subtitle\">\r\n Universal Vue.js Application\r\n \u003C/h2>\r\n \u003Cdiv class=\"links\">\r\n \u003Ca href=\"https://nuxtjs.org/\" target=\"_blank\" class=\"button--green\">Documentation\u003C/a>\r\n \u003Ca href=\"https://github.com/nuxt/nuxt.js\" target=\"_blank\" class=\"button--grey\">Github\u003C/a>\r\n \u003C/div>\r\n \u003Cbutton @click=\"test('1231')\"> testButton \u003C/button>\r\n \u003C/div>\r\n \u003C/section>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\nimport Logo from '~components/Logo.vue'\r\n\r\nexport default {\r\n components: {\r\n Logo\r\n },\r\n methods: {\r\n test: function (val) {\r\n console.log(val)\r\n }\r\n }\r\n}\r\n```\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/c816\">#c816\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3121],{"name":3063,"color":3064},948,"`nuxt generate` with v-on:click","2023-01-18T15:40:37Z","https://github.com/nuxt/nuxt/issues/948",0.7297513,{"labels":3128,"number":3131,"owner":3035,"repository":3035,"state":3066,"title":3132,"updated_at":3133,"url":3134,"score":3135},[3129,3130],{"name":3090,"color":3091},{"name":3032,"color":3033},13911,"Styles of unused components are being imported ","2023-01-19T17:09:15Z","https://github.com/nuxt/nuxt/issues/13911",0.7297709,{"labels":3137,"number":3140,"owner":3035,"repository":3035,"state":3066,"title":3141,"updated_at":3142,"url":3143,"score":3144},[3138,3139],{"name":3032,"color":3033},{"name":3063,"color":3064},10593,"@click listener on \u003Cnuxt-link> or \u003Crouter-link> no longer works inside page components on Vue 2.7","2023-02-08T19:37:35Z","https://github.com/nuxt/nuxt/issues/10593",0.7302723,["Reactive",3146],{},["Set"],["ShallowReactive",3149],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$feK5VHc4furOePx7o5mJm-6J6K7EBx8LbKJWSHASLytU":-1},"/nuxt/ui/4374"]