\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? ",[3019,3022],{"name":3020,"color":3021},"bug","d73a4a",{"name":3023,"color":3024},"馃敤 p3-minor","FBCA04",15781,"nuxt","open","Bug: Handling errors with the NuxtErrorBoundary component","2024-12-28T01:48:12Z","https://github.com/nuxt/nuxt/issues/15781",0.6512574,{"description":3033,"labels":3034,"number":3041,"owner":3026,"repository":3026,"state":3042,"title":3043,"updated_at":3044,"url":3045,"score":3046},"### Describe the feature\n\nIf you use the current `\u003CNuxtErrorBoundary>` it will always render the `error`-slot on error, even if you do not provide a template to the slot. So if an error occurs inside the boundary, and no slot is provided, the component will just render a blank slot.\r\n\r\nWould it be smart to have an option to disable this, so that `\u003CNuxtErrorBoundary>` can be used to just catch the errors without doing any changes in the template? 馃槃 \n\n### Additional information\n\n- [X] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[3035,3038],{"name":3036,"color":3037},"3.x","29bc7f",{"name":3039,"color":3040},"pending triage","E99695",19140,"closed","Possible to render default slot in `\u003CNuxtErrorBoundary>` on error","2023-04-14T21:38:24Z","https://github.com/nuxt/nuxt/issues/19140",0.65263575,{"description":3048,"labels":3049,"number":3056,"owner":3026,"repository":3057,"state":3042,"title":3058,"updated_at":3059,"url":3060,"score":3061},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nIt would be great if there was an option for eager validation if there are errors present on the group.\n\nFor example, when initially filling out the field you don't want eager validation as it's distracting when you aren't finished typing.\n\nHowever if you tab away and there's an error, when fixing the error you'd want immediate feedback with eager-validation.\n\nSo I propose a new prop: `eager-validation-on-error=\"true\"` to improve the UX of forms.\n\nThanks!\n\n### Additional context\n\n_No response_",[3050,3053],{"name":3051,"color":3052},"enhancement","a2eeef",{"name":3054,"color":3055},"v3","49DCB8",2599,"ui","FormGroup eager-validation when errors exist","2025-06-29T17:15:23Z","https://github.com/nuxt/ui/issues/2599",0.656663,{"description":3063,"labels":3064,"number":3076,"owner":3026,"repository":3057,"state":3042,"title":3077,"updated_at":3078,"url":3079,"score":3080},"### Environment\n\nnot needed\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.0\n\n### Reproduction\n\nnot needed\n\n### Description\n\nThere is no error state on the input field like color \"error\" when u wrap URadioGroup in UFormField\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3065,3066,3069,3070,3073],{"name":3020,"color":3021},{"name":3067,"color":3068},"needs reproduction","CB47CF",{"name":3054,"color":3055},{"name":3071,"color":3072},"triage","ffffff",{"name":3074,"color":3075},"closed-by-bot","ededed",4025,"RedioGroup in Form","2025-05-07T02:09:29Z","https://github.com/nuxt/ui/issues/4025",0.66792214,{"description":3082,"labels":3083,"number":3090,"owner":3026,"repository":3057,"state":3042,"title":3091,"updated_at":3092,"url":3093,"score":3094},"### 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```",[3084,3085,3086,3089],{"name":3020,"color":3021},{"name":3054,"color":3055},{"name":3087,"color":3088},"nuxt/ui-pro","00dc82",{"name":3071,"color":3072},4486,"\u003CUError> slots not working.","2025-07-08T09:11:50Z","https://github.com/nuxt/ui/issues/4486",0.66978544,{"labels":3096,"number":3103,"owner":3026,"repository":3026,"state":3042,"title":3104,"updated_at":3105,"url":3106,"score":3107},[3097,3099,3100],{"name":3098,"color":3072},"stale",{"name":3039,"color":3040},{"name":3101,"color":3102},"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.6713677,{"description":3109,"labels":3110,"number":3111,"owner":3026,"repository":3026,"state":3042,"title":3112,"updated_at":3113,"url":3114,"score":3115},"### 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,"What's the right way to use NuxtErrorBoundary?","2023-04-12T08:11:24Z","https://github.com/nuxt/nuxt/issues/20222",0.6740091,{"labels":3117,"number":3120,"owner":3026,"repository":3026,"state":3042,"title":3121,"updated_at":3122,"url":3123,"score":3124},[3118,3119],{"name":3039,"color":3040},{"name":3101,"color":3102},8425,"empty template is not allowed on build","2023-01-22T15:38:23Z","https://github.com/nuxt/nuxt/issues/8425",0.6767231,{"description":3126,"labels":3127,"number":3129,"owner":3026,"repository":3057,"state":3042,"title":3130,"updated_at":3131,"url":3132,"score":3133},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nIt would be cool if the errors array from UForm supported the message parameter having an array value (multiple messages). The default backwards compatible method could just join them with a space or something. (See https://ui.nuxt.com/components/form-group#props)\nThat is all.\n\n### Additional context\n\n_No response_",[3128],{"name":3051,"color":3052},2389,"Nested form validation array of messages","2025-06-29T17:10:53Z","https://github.com/nuxt/ui/issues/2389",0.6781854,{"description":3135,"labels":3136,"number":3138,"owner":3026,"repository":3026,"state":3042,"title":3139,"updated_at":3140,"url":3141,"score":3142},"hi \r\n \"nuxt\": \"^2.4.0\"\r\n\r\n my error component in layouts directory :\r\n\r\n```\r\n\u003Ctemplate>\r\n \u003Cdiv class=\"__nuxt-error-page\">\r\n \u003Cdiv class=\"error\">\r\n {{message}}\r\n \u003C/div>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\n export default {\r\n layout: 'empty',\r\n name: 'error',\r\n props: {\r\n error: {\r\n type: Object,\r\n default: null\r\n }\r\n },\r\n\r\n computed: {\r\n statusCode() {\r\n return (this.error && this.error.statusCode) || 500\r\n },\r\n message() {\r\n return this.error.message || `Error`\r\n }\r\n }\r\n }\r\n\u003C/script>\r\n```\r\n\r\nand empty layout : \r\n\r\n\r\n```\r\n\r\n\u003Ctemplate>\r\n \u003Cnuxt/>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\n\r\n export default {\r\n name: \"empty\",\r\n }\r\n\u003C/script>\r\n```\r\n\r\n\r\nbut when i have error , error component use another layout .. for example, when I'm on the dashboard layout and an error occurs, error component mount on dashboard layout\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://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c9154\">#c9154\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3137],{"name":3101,"color":3102},5654,"error page layout not correctly applied","2023-01-18T20:12:59Z","https://github.com/nuxt/nuxt/issues/5654",0.680902,["Reactive",3144],{},["Set"],["ShallowReactive",3147],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fhztdKK_qRUpPQjdMAUFMxiCP5CId2IrrSRR6WY6_D5A":-1},"/nuxt/ui/2634"]