\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? ",[2926,2927],{"name":2907,"color":2908},{"name":2928,"color":2929},"🔨 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":2936,"labels":2937,"number":2941,"owner":2916,"repository":2916,"state":2918,"title":2942,"updated_at":2943,"url":2944,"score":2945},"### 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_",[2938],{"name":2939,"color":2940},"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":2947,"labels":2948,"number":2957,"owner":2916,"repository":2916,"state":2918,"title":2958,"updated_at":2959,"url":2960,"score":2961},"### 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_",[2949,2952,2953,2954],{"name":2950,"color":2951},"workaround available","11376d",{"name":2907,"color":2908},{"name":2928,"color":2929},{"name":2955,"color":2956},"✨ 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":2963,"labels":2964,"number":2973,"owner":2916,"repository":2916,"state":2918,"title":2974,"updated_at":2975,"url":2976,"score":2977},"### Environment\n\n- Operating System: `Windows_NT`\r\n- Node Version: `v18.15.0`\r\n- Nuxt Version: `3.3.1`\r\n- Nitro Version: `2.3.2`\r\n- Package Manager: `npm@9.5.0`\r\n- Builder: `vite`\r\n- User Config: `css`, `mode`, `ssr`, `app`, `runtimeConfig`, `modules`, `vite`\r\n- Runtime Modules: `@pinia/nuxt@0.4.5`, `@vueuse/nuxt@9.11.1`\r\n- Build Modules: `-`\n\n### Reproduction\n\nhttps://github.com/JordashTalon/Nuxt3ErrorTesting\n\n### Describe the bug\n\nIf there is an error in your code it is very difficult to find the exact line of code causing the issue, look at this simple example:\r\n\r\n\u003Cimg width=\"438\" alt=\"errortestingFile\" src=\"https://user-images.githubusercontent.com/957100/231183237-c7f90b8f-bff0-4c8b-a9f1-22ddbab1d48e.png\">\r\n\r\nIf I run that file and open the console I get a massive error log and it doesn't seem to point me in the right direction.\r\n\r\n\u003Cimg width=\"869\" alt=\"LOCError\" src=\"https://user-images.githubusercontent.com/957100/231183815-a66feed6-4582-49c7-a901-f33cc007d0bf.png\">\r\n\r\nIf I refresh the page it doesn't even render but looks like this:\r\n\r\n\r\n\r\nIf I have an error in the script tags it's even harder to track down which line of code is causing the issue:\r\n\r\n\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2965,2968,2969,2972],{"name":2966,"color":2967},"dx","C39D69",{"name":2907,"color":2908},{"name":2970,"color":2971},"nitro","bfd4f2",{"name":2928,"color":2929},20204,"Nuxt3 Error Log Line of Code doesn't match actual line of code","2024-11-17T12:58:08Z","https://github.com/nuxt/nuxt/issues/20204",0.69147277,{"description":2979,"labels":2980,"number":2981,"owner":2916,"repository":2916,"state":2982,"title":2983,"updated_at":2984,"url":2985,"score":2986},"### 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":2988,"labels":2989,"number":2997,"owner":2916,"repository":2917,"state":2982,"title":2998,"updated_at":2999,"url":3000,"score":3001},"### 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_",[2990,2991,2992,2995],{"name":2907,"color":2908},{"name":2913,"color":2914},{"name":2993,"color":2994},"closed-by-bot","ededed",{"name":2996,"color":2994},"stale",2103,"`UButton` emits","2025-06-18T09:06:14Z","https://github.com/nuxt/ui/issues/2103",0.65590304,{"description":3003,"labels":3004,"number":3009,"owner":2916,"repository":2916,"state":2982,"title":3010,"updated_at":3011,"url":3012,"score":3013},"### 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_",[3005,3008],{"name":3006,"color":3007},"3.x","29bc7f",{"name":2928,"color":2929},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,{"labels":3015,"number":3019,"owner":2916,"repository":2916,"state":2982,"title":3020,"updated_at":3021,"url":3022,"score":3023},[3016,3017,3018],{"name":3006,"color":3007},{"name":2907,"color":2908},{"name":2928,"color":2929},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":3025,"number":3031,"owner":2916,"repository":2916,"state":2982,"title":3032,"updated_at":3033,"url":3034,"score":3035},[3026,3027,3028],{"name":2996,"color":2914},{"name":2939,"color":2940},{"name":3029,"color":3030},"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",3037],{},["Set"],["ShallowReactive",3040],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fyZAEDiUtHKax5jruSyyxjBl5P1TLTdicXxoFYROl3ik":-1},"/nuxt/ui/3237"]