\n\u003C/template>\n\n```\n\n**Minimal Reproduction**\nRepro created using Nuxt 3 + Nuxt UI 3 starter structure.\n\npackage.json:\n```json\n{\n \"name\": \"nuxt-app\",\n \"private\": true,\n \"type\": \"module\",\n \"scripts\": {\n \"build\": \"nuxt build\",\n \"dev\": \"nuxt dev\",\n \"generate\": \"nuxt generate\",\n \"preview\": \"nuxt preview\",\n \"postinstall\": \"nuxt prepare\",\n \"lint\": \"eslint .\",\n \"lint:fix\": \"eslint --fix .\"\n },\n \"dependencies\": {\n \"@iconify-json/lucide\": \"^1.2.44\",\n \"@iconify-json/simple-icons\": \"^1.2.35\",\n \"@nuxt/ui\": \"^3.1.1\",\n \"nuxt\": \"^3.17.3\"\n },\n \"devDependencies\": {\n \"@nuxt/eslint\": \"^1.4.1\",\n \"eslint\": \"^9.27.0\",\n \"typescript\": \"^5.8.3\"\n }\n}\n```\n\nNotes\n\t•\tReproduces consistently in local dev.\n\t•\tDoes not reproduce on Codesandbox with the Nuxt UI 3 starter (possibly due to different runtime setup).\n\t•\tNo functional issues observed so far, but the warning pollutes the console.\n\t•\tThis warning has only recently started appearing in the console logs, despite no code changes to this component on our end — possibly introduced in a recent dependency update.\n",[2867,2870,2873],{"name":2868,"color":2869},"bug","d73a4a",{"name":2871,"color":2872},"v3","49DCB8",{"name":2874,"color":2875},"triage","ffffff",4257,"ui","[Vue warn] toRefs() expects a reactive object but received a plain one - \u003CUNavigationMenu />","2025-05-29T23:48:43Z","https://github.com/nuxt/ui/issues/4257",0.70503956,{"description":2883,"labels":2884,"number":2888,"owner":2857,"repository":2877,"state":2859,"title":2889,"updated_at":2890,"url":2891,"score":2892},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.12.0\n- Nuxt Version: 3.17.3\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: pnpm@8.15.6\n- Builder: -\n- User Config: modules, devtools, compatibilityDate, future, css\n- Runtime Modules: @nuxt/ui@3.1.1\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.3\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/gallant-margulis-h6zfnn?file=%2Fapp%2Fpages%2Findex.vue%3A11%2C9&workspaceId=ws_F4rkTtdti87aBypib7R95k\n\n### Description\n\nI'm migrating from v2 to v3 and noticed my global Nuxt error handler no longer works when using v3 components. In the reproduction when I'm calling `throw createError()` on a Nuxt UI button the event doesn't propagate to my `error-handler.js` plugin, however it does when I call the same click handler on a regular `\u003Cbutton>` tag.\nWhen inspecting the console I can see the click handler attached to the Nuxt UI button throws `Uncaught (in promise) H3Error` whereas with a normal button it's not a promise.\nThis used to work just fine with v2 as per this reproduction: https://stackblitz.com/edit/nuxt-ui-ofbazd6t?file=app.vue,plugins%2Ferror-handler.js\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2885,2886,2887],{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2874,"color":2875},4237,"throw createError handling in v3 components","2025-05-27T18:04:58Z","https://github.com/nuxt/ui/issues/4237",0.7128757,{"labels":2894,"number":2902,"owner":2857,"repository":2857,"state":2903,"title":2904,"updated_at":2905,"url":2906,"score":2907},[2895,2898,2899],{"name":2896,"color":2897},"3.x","29bc7f",{"name":2868,"color":2869},{"name":2900,"color":2901},"🔨 p3-minor","FBCA04",14402,"closed","Get warning when v-on:error event handler is set to NuxtErrorBoundary ","2023-01-19T17:35:09Z","https://github.com/nuxt/nuxt/issues/14402",0.6497671,{"description":2909,"labels":2910,"number":2916,"owner":2857,"repository":2857,"state":2903,"title":2917,"updated_at":2918,"url":2919,"score":2920},"### 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_",[2911,2912,2915],{"name":2868,"color":2869},{"name":2913,"color":2914},"pages","00DFB5",{"name":2900,"color":2901},28732,"NuxtLink with custom directive is throwing console warning","2024-08-28T11:32:00Z","https://github.com/nuxt/nuxt/issues/28732",0.6688005,{"labels":2922,"number":2929,"owner":2857,"repository":2857,"state":2903,"title":2930,"updated_at":2931,"url":2932,"score":2933},[2923,2926],{"name":2924,"color":2925},"pending triage","E99695",{"name":2927,"color":2928},"2.x","d4c5f9",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.67959553,{"description":2935,"labels":2936,"number":2938,"owner":2857,"repository":2857,"state":2903,"title":2939,"updated_at":2940,"url":2941,"score":2942},"I need to add a listening keyboard event to the page, but now I'm using nuxt to add the listener failure.\r\n\r\n`\r\ncreated(){\r\n //注册全局变量\r\n\r\n if(process.browser){\r\n const _this = this;\r\n _this.hotelMarquee = this.hotel[this.language_code].length>18;\r\n document.onkeydown = function(e) {\r\n _this.changeLanguage(e.which)\r\n };\r\n }\r\n },\r\n}\r\n`\r\nThe results of the operation are wrongly reported as follows:\r\n\r\n`\r\n[Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside \u003Cp>, or missing \u003Ctbody>. Bailing hydration and performing full client-side render.\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/c2680\">#c2680\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2937],{"name":2927,"color":2928},3096,"How do I add a listener event on the server side?","2023-01-18T16:09:58Z","https://github.com/nuxt/nuxt/issues/3096",0.68925047,{"description":2944,"labels":2945,"number":2948,"owner":2857,"repository":2857,"state":2903,"title":2949,"updated_at":2950,"url":2951,"score":2952},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.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@9.4.2\r\n- Builder: -\r\n- User Config: devtools, vite\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-s3ebia?file=app.vue,components%2FFullscreenBackground.vue\r\n\r\n### Describe the bug\r\n\r\nI was making a background for a modal component when I noticed a strange behaviour with the `\u003CTransition />` component, specifically when the `appear` prop is set.\r\n\r\nIt seems that the click event listener on an element inside `\u003CTransition appear>` isn't being properly handled.\r\nSteps to reproduce:\r\n1. open the reproduction\r\n2. click on the semi-transparent fullscreen div\r\n3. *nothing happens* even though it should have set its visibility to `false`\r\n\r\n1. remove `appear` from the `\u003CTransition>` component in `FullscreenBackground.vue`\r\n2. repeat the same steps & now the click is properly handled\r\n\r\n### Additional context\r\n\r\nI've tried and I couldn't reproduce the same issue in Vue, so I assume it could be a bug in Nuxt.\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2946,2947],{"name":2896,"color":2897},{"name":2924,"color":2925},24754,"`\u003CTransition appear>` breaks click event listener","2023-12-15T10:09:43Z","https://github.com/nuxt/nuxt/issues/24754",0.6934829,{"description":2954,"labels":2955,"number":2965,"owner":2857,"repository":2877,"state":2903,"title":2966,"updated_at":2967,"url":2968,"score":2969},"### Environment\n\nNuxt project info: (copied to clipboard) nuxi 10:36:44\n\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v20.9.0\n- Nuxt Version: 3.16.0\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.11\n- Package Manager: npm@10.9.0\n- Builder: -\n- User Config: devtools, modules, css, future, compatibilityDate, experimental, nitro, sourcemap, ssr, spaLoadingTemplate, runtimeConfig\n- Runtime Modules: @nuxt/ui@3.1.1, @nuxtjs/mdc@0.15.0, @vueuse/nuxt@13.1.0\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.1\n\n### Reproduction\n\n\nInput Menu Send an event when using @Change\n\n\n\nBut it is scheduled to send a value and this generates the error in console\n\n\n\n\n\n### Description\n\nhttps://github.com/user-attachments/assets/3fdd5798-3f77-45e0-a86b-18a2195219f2\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2956,2957,2960,2961,2962],{"name":2868,"color":2869},{"name":2958,"color":2959},"needs reproduction","CB47CF",{"name":2871,"color":2872},{"name":2874,"color":2875},{"name":2963,"color":2964},"closed-by-bot","ededed",4103,"InputMenu Event onChange","2025-05-17T02:08:14Z","https://github.com/nuxt/ui/issues/4103",0.6954109,{"description":2971,"labels":2972,"number":2974,"owner":2857,"repository":2857,"state":2903,"title":2975,"updated_at":2976,"url":2977,"score":2978},"### Environment\n\n- Operating System: Windows_NT\r\n- Node Version: v18.20.3\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.6\r\n- Package Manager: npm@10.8.1\r\n- Builder: -\r\n- User Config: srcDir, components, devtools, modules, vite, hooks, app, runtimeConfig\r\n- Runtime Modules: @vueuse/nuxt@10.11.0\r\n- Build Modules: -\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-vxspid?file=src%2Fplugins%2FclickOutside.ts\n\n### Describe the bug\n\nHello, not sure if you can help with this. I'm trying to implement a basic click outside functionality in a nuxt app.\r\nI'm trying to use @vueuse/components and I import @vueuse/nuxt in modules in nuxt config.\r\nmodules: [\r\n '@vueuse/nuxt',\r\n ],\r\n Then I create a plugin with this\r\n \r\n import { vOnClickOutside } from '@vueuse/components'\r\n\r\nexport default defineNuxtPlugin((nuxtApp) => {\r\n nuxtApp.vueApp.directive('clickOutside', vOnClickOutside)\r\n})\r\n\r\nHowever, I keep receiving this message after trying to use the dom element \u003COnClickOutside> in the HTML of the page :\r\n\r\n[Vue warn]: Failed to resolve component: OnClickOutside \r\nIf this is a native custom element, make sure to exclude it from \r\ncomponent resolution via compilerOptions.isCustomElement.\r\n\r\nIf I try to use the v-on-click-outside directive in the HTML I receive the following error : \r\n\r\n[Vue warn]: Failed to resolve directive: on-click-outside\r\n\r\nI don't know which would be a correct solution for this.\r\n\r\nThank you in advance for your help\r\n\r\nCarlota\r\n\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2973],{"name":2924,"color":2925},28060,"@vueuse/nuxt + @vueuse/components => vOnClickOutside","2024-07-05T22:04:25Z","https://github.com/nuxt/nuxt/issues/28060",0.6980425,["Reactive",2980],{},["Set"],["ShallowReactive",2983],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fP2KGr5ggp5DGObhfzR_JusZYEzWwBmw3c-r_4UGq5Ac":-1},"/nuxt/ui/4268"]