\r\n \u003Ctemplate #error=\"{ error }\">\r\n \u003Cp>An error occurred: {{ error }}\u003C/p>\r\n \u003Cbutton @click=\"() => clearError({ redirect: '/' })\">\r\n This will clear the error.\r\n \u003C/button>\r\n \u003C/template>\r\n \u003C/NuxtErrorBoundary>\r\n\u003C/template>\r\n```\r\n\r\n**Problem 1:**\r\n\r\nThe error is **NOT** cleared at all when the button is clicked. The error message still can be seen on the screen.\r\n\r\n**Problem 2:**\r\n\r\nThe Home page is **NOT** rendered at all when the route is redirected to `/` successfully. It is still rendering the error component and message.\r\n\r\nAny ideas? ",[3099,3100],{"name":3080,"color":3081},{"name":3101,"color":3102},"🔨 p3-minor","FBCA04",15781,"Bug: Handling errors with the NuxtErrorBoundary component","2024-12-28T01:48:12Z","https://github.com/nuxt/nuxt/issues/15781",0.6514254,{"description":3109,"labels":3110,"number":3114,"owner":3089,"repository":3089,"state":3091,"title":3115,"updated_at":3116,"url":3117,"score":3118},"### Environment\n\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.0\r\n- Package Manager: npm@9.4.2\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n```\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-mhdow8?file=app.vue\r\n\r\nClick the button \"show erroring component\" and observe that the error doesn't contain any useful information.\n\n### Describe the bug\n\nThe error object should contain the error properties and not a stringified error.\r\n\r\nAlso the clearError() helper doesn't seem to work?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3111],{"name":3112,"color":3113},"pending triage","E99695",24381,"NuxtErrorBoundary captures stringified error instead of error object","2024-06-30T11:06:50Z","https://github.com/nuxt/nuxt/issues/24381",0.6646413,{"description":3120,"labels":3121,"number":3130,"owner":3089,"repository":3089,"state":3091,"title":3131,"updated_at":3132,"url":3133,"score":3134},"### Environment\r\n\r\n- Operating System: `Linux`\r\n- Node Version: `v16.20.0`\r\n- Nuxt Version: `3.3.3`\r\n- Nitro Version: `2.3.3`\r\n- Package Manager: `npm@9.4.2`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-rya1ep-bhpqsz\r\n\r\n\r\n### Describe the bug\r\n\r\nnuxtApp.vueApp.config.errorHandler doesn't work since v3.3.3.\r\nIt seems the same for current verion(v3.6.5).\r\n\r\nFor example, I wrote a code to output console using errorHandler in plugin.\r\n\r\n```ts\r\nexport default defineNuxtPlugin((nuxtApp) => {\r\n nuxtApp.vueApp.config.errorHandler = (error, context) => {\r\n console.log('My error handler');\r\n };\r\n});\r\n```\r\n\r\nAnd app.vue below.\r\n\r\n```ts\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CNuxtWelcome />\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup>\r\nlet event2 = null\r\nevent2.dummy\r\n\u003C/script>\r\n```\r\n\r\nI get the following error.\r\n`Cannot read properties of null (reading 'dummy')`\r\n\r\nconsole works with v3.3.2 but not after v3.3.3.\r\nWhen testing, Vue version is fixed to v3.3.4.\r\n\r\n### Additional context\r\n\r\n\r\n\r\nsimilar issue #20347\r\n\r\n### Logs\r\n\r\n_No response_",[3122,3125,3126,3127],{"name":3123,"color":3124},"workaround available","11376d",{"name":3080,"color":3081},{"name":3101,"color":3102},{"name":3128,"color":3129},"✨ good reproduction","fbca04",22691,"nuxtApp.vueApp.config.errorHandler doesn't work","2024-11-19T16:20:54Z","https://github.com/nuxt/nuxt/issues/22691",0.6859822,{"description":3136,"labels":3137,"number":3138,"owner":3089,"repository":3089,"state":3139,"title":3140,"updated_at":3141,"url":3142,"score":3143},"### Discussed in https://github.com/nuxt/nuxt/discussions/16736\r\n\r\n\u003Cdiv type='discussions-op-text'>\r\n\r\n\u003Csup>Originally posted by **xiangnanscu** September 28, 2022\u003C/sup>\r\nI press th Submit button to throw an error in client, but nothing shows up, including the console.\r\n```vue\r\npages/login.vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CNuxtErrorBoundary @error=\"someErrorLogger\">\r\n \u003C!-- You use the default slot to render your content -->\r\n \u003Ctemplate #error=\"{ error }\">\r\n You can display the error locally here.\r\n \u003Cbutton @click=\"error = null\">This will clear the error.\u003C/button>\r\n \u003C/template>\r\n \u003C/NuxtErrorBoundary>\r\n \u003Cx-button @click.prevent=\"sendCredentials\">Submit\u003C/x-button>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup>\r\nfunction someErrorLogger(event) {\r\n console.log('error happend:', { event });\r\n}\r\nasync function sendCredentials(event) {\r\n throw createError({ statusCode: 404, statusMessage: \"Page Not Found\" });\r\n}\r\n\u003C/script>\r\n\r\n```\r\n\u003C/div>",[],20222,"closed","What's the right way to use NuxtErrorBoundary?","2023-04-12T08:11:24Z","https://github.com/nuxt/nuxt/issues/20222",0.6383848,{"description":3145,"labels":3146,"number":3154,"owner":3089,"repository":3090,"state":3139,"title":3155,"updated_at":3156,"url":3157,"score":3158},"### Environment\n\n- Operating System: Linux\r\n- Node Version: v20.15.1\r\n- Nuxt Version: 3.13.0\r\n- CLI Version: 3.13.1\r\n- Nitro Version: 2.9.7\r\n- Package Manager: bun@1.1.27\r\n- Builder: -\r\n- User Config: devtools, extends, modules, ui\r\n- Runtime Modules: @nuxt/ui@2.18.4\r\n- Build Modules: -\n\n### Version\n\nv2.18.4\n\n### Reproduction\n\n-\n\n### Description\n\n```\r\nType '{ class: string; label: string; onClick: () => void; }' is not assignable to type 'IntrinsicAttributes & Partial\u003C{ size: ButtonSize; type: string; replace: boolean; class: any; truncate: boolean; target: \"_blank\" | \"_parent\" | \"_self\" | \"_top\" | (string & {}); ... 25 more ...; trailing: boolean; }> & Omit\u003C...>'.\r\n Property 'onClick' does not exist on type 'IntrinsicAttributes & Partial\u003C{ size: ButtonSize; type: string; replace: boolean; class: any; truncate: boolean; target: \"_blank\" | \"_parent\" | \"_self\" | \"_top\" | (string & {}); ... 25 more ...; trailing: boolean; }> & Omit\u003C...>'.\r\n```\n\n### Additional context\n\nEmits like `@click` are not defined in the `UButton` component.\n\n### Logs\n\n_No response_",[3147,3148,3149,3152],{"name":3080,"color":3081},{"name":3086,"color":3087},{"name":3150,"color":3151},"closed-by-bot","ededed",{"name":3153,"color":3151},"stale",2103,"`UButton` emits","2025-06-18T09:06:14Z","https://github.com/nuxt/ui/issues/2103",0.65590304,{"description":3160,"labels":3161,"number":3166,"owner":3089,"repository":3089,"state":3139,"title":3167,"updated_at":3168,"url":3169,"score":3170},"### Environment\n\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.13.0\r\n- Nuxt Version: 3.8.0\r\n- CLI Version: 3.9.1\r\n- Nitro Version: 2.7.0\r\n- Package Manager: yarn@1.22.19\r\n- Builder: -\r\n- User Config: telemetry, devtools, ssr, typescript, components, modules, vite, runtimeConfig\r\n- Runtime Modules: @pinia/nuxt@0.5.1, @nuxt/image@1.0.0\r\n- Build Modules: -\r\n------------------------------\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-m29wph?file=pages%2Findex.vue\n\n### Describe the bug\n\n## Description\r\n`NuxtErrorBoundary` component does not work properly under these conditions:\r\n\r\n- nuxt config: `ssr: false`\r\n- child component throws error in script setup\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cdiv>child component\u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup>\r\nthrow new Error('just a stupid error for reproduction purpose!');\r\n\u003C/script>\r\n```\r\n- child component is wrapped between `NuxtErrorBoundary` component in parent component\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n parent component\r\n\r\n \u003CNuxtErrorBoundary>\r\n \u003CChild />\r\n\r\n \u003Ctemplate #error=\"{error}\">\r\n error handled: {{ error }}\r\n \u003C/template>\r\n \u003C/NuxtErrorBoundary>\r\n \u003Cdiv>\r\n\u003C/template>\r\n```\r\n\r\n## Problem\r\napplication does not handle component error and just shows error 500 page.\r\n\r\n## Expectation\r\n`NuxtErrorBoundary` should render error slot correctly. application should not show error 500 page\n\n### Additional context\n\nI checked source code of `NuxtErrorBoundary` and noticed that there is a wrong condition for setting error\r\n```js\r\nonErrorCaptured((err, target, info) => {\r\n if (import.meta.client && !nuxtApp.isHydrating) {\r\n emit('error', err);\r\n nuxtApp.hooks.callHook('vue:error', err, target, info);\r\n error.value = err;\r\n return false; \r\n }\r\n});\r\n```\r\nwhen ssr is false, there is no need to check `nuxtApp.isHydrating`.\n\n### Logs\n\n_No response_",[3162,3165],{"name":3163,"color":3164},"3.x","29bc7f",{"name":3101,"color":3102},24889,"`NuxtErrorBoundary` does not work properly when ssr is set to false","2023-12-25T17:54:02Z","https://github.com/nuxt/nuxt/issues/24889",0.66733676,{"description":3172,"labels":3173,"number":3180,"owner":3089,"repository":3090,"state":3139,"title":3181,"updated_at":3182,"url":3183,"score":3184},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v22.16.0\n- Nuxt Version: 3.17.6\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.13\n- Package Manager: pnpm@10.12.4\n- Builder: -\n- User Config: modules, devtools, css, routeRules, future, compatibilityDate, eslint\n- Runtime Modules: @nuxt/eslint@1.4.1, @nuxt/ui-pro@3.2.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.17.6\n\n### Reproduction\n\n```vue\n\u003CUError\n :error=\"{\n statusCode: 404,\n statusMessage: 'Page not found',\n message: 'The page you are looking for does not exist.'\n }\"\n >\n \u003Ctemplate #links>\n \u003CUButton label=\"Try Again\" @click=\"refresh()\" />\n \u003C/template>\n\u003C/UError>\n```\n\n### Description\n\nThe `UError` component does not render content passed through its default or named slots. Expected slot content is not appearing in the DOM.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3174,3175,3176,3179],{"name":3080,"color":3081},{"name":3083,"color":3084},{"name":3177,"color":3178},"nuxt/ui-pro","00dc82",{"name":3086,"color":3087},4486,"\u003CUError> slots not working.","2025-07-08T09:11:50Z","https://github.com/nuxt/ui/issues/4486",0.67054355,{"labels":3186,"number":3190,"owner":3089,"repository":3089,"state":3139,"title":3191,"updated_at":3192,"url":3193,"score":3194},[3187,3188,3189],{"name":3163,"color":3164},{"name":3080,"color":3081},{"name":3101,"color":3102},14402,"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.6732197,{"labels":3196,"number":3202,"owner":3089,"repository":3089,"state":3139,"title":3203,"updated_at":3204,"url":3205,"score":3206},[3197,3198,3199],{"name":3153,"color":3087},{"name":3112,"color":3113},{"name":3200,"color":3201},"2.x","d4c5f9",7743,"when using $nuxt.error from client side, error page will not respect layout ","2023-01-22T15:36:04Z","https://github.com/nuxt/nuxt/issues/7743",0.67685294,["Reactive",3208],{},["Set"],["ShallowReactive",3211],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fyZAEDiUtHKax5jruSyyxjBl5P1TLTdicXxoFYROl3ik":-1},"/nuxt/ui/3237"]