`\r\n\r\nchunk-SOI3BFCQ.js?v=091eb3ff:1759 [Vue warn]: Hydration attribute mismatch on \u003Cimg src=\"/_nuxt/assets/image/searchBg.jpg?t=1707570632814\" alt> \r\n - rendered on server: src=\"/_nuxt/assets/image/searchBg.jpg?t=1707570632814\"\r\n - expected on client: src=\"/_nuxt/assets/image/searchBg.jpg?t=1707570632813\"\r\n Note: this mismatch is check-only. The DOM will not be rectified in production due to performance overhead.\r\n You should fix the source of the mismatch. \r\n at \u003CIndex onVnodeUnmounted=fn\u003ConVnodeUnmounted> ref=Ref\u003C undefined > > \r\n at \u003CAnonymous key=\"/search\" vnode= {__v_isVNode: true, __v_skip: true, type: {…}, props: {…}, key: null, …} route= {fullPath: '/search?title=dd', hash: '', query: {…}, name: 'search', path: '/search', …} ... > \r\n at \u003CBaseTransition onAfterLeave= [ƒ] mode=\"out-in\" appear=false ... > \r\n at \u003CTransition onAfterLeave= [ƒ] name=\"page\" mode=\"out-in\" > \r\n at \u003CRouterView name=undefined route=undefined > \r\n at \u003CNuxtPage> \r\n at \u003CDefault ref=Ref\u003C undefined > > \r\n at \u003CLayoutLoader key=\"default\" layoutProps= {ref: RefImpl} name=\"default\" > \r\n at \u003CNuxtLayoutProvider layoutProps= {ref: RefImpl} key=\"default\" name=\"default\" ... > \r\n at \u003CNuxtLayout> \r\n at \u003CApp key=3 > \r\n at \u003CNuxtRoot>\r\n\r\n### Reproduction\r\n\r\nchunk-SOI3BFCQ.js?v=091eb3ff:1759 [Vue warn]: Hydration attribute mismatch on \u003Cimg src=\"/_nuxt/assets/image/searchBg.jpg?t=1707570632814\" alt> \r\n - rendered on server: src=\"/_nuxt/assets/image/searchBg.jpg?t=1707570632814\"\r\n - expected on client: src=\"/_nuxt/assets/image/searchBg.jpg?t=1707570632813\"\r\n Note: this mismatch is check-only. The DOM will not be rectified in production due to performance overhead.\r\n You should fix the source of the mismatch. \r\n at \u003CIndex onVnodeUnmounted=fn\u003ConVnodeUnmounted> ref=Ref\u003C undefined > > \r\n at \u003CAnonymous key=\"/search\" vnode= {__v_isVNode: true, __v_skip: true, type: {…}, props: {…}, key: null, …} route= {fullPath: '/search?title=dd', hash: '', query: {…}, name: 'search', path: '/search', …} ... > \r\n at \u003CBaseTransition onAfterLeave= [ƒ] mode=\"out-in\" appear=false ... > \r\n at \u003CTransition onAfterLeave= [ƒ] name=\"page\" mode=\"out-in\" > \r\n at \u003CRouterView name=undefined route=undefined > \r\n at \u003CNuxtPage> \r\n at \u003CDefault ref=Ref\u003C undefined > > \r\n at \u003CLayoutLoader key=\"default\" layoutProps= {ref: RefImpl} name=\"default\" > \r\n at \u003CNuxtLayoutProvider layoutProps= {ref: RefImpl} key=\"default\" name=\"default\" ... > \r\n at \u003CNuxtLayout> \r\n at \u003CApp key=3 > \r\n at \u003CNuxtRoot>\r\n\r\n### Describe the bug\r\n\r\nchunk-SOI3BFCQ.js?v=091eb3ff:1759 [Vue warn]: Hydration attribute mismatch on \u003Cimg src=\"/_nuxt/assets/image/searchBg.jpg?t=1707570632814\" alt> \r\n - rendered on server: src=\"/_nuxt/assets/image/searchBg.jpg?t=1707570632814\"\r\n - expected on client: src=\"/_nuxt/assets/image/searchBg.jpg?t=1707570632813\"\r\n Note: this mismatch is check-only. The DOM will not be rectified in production due to performance overhead.\r\n You should fix the source of the mismatch. \r\n at \u003CIndex onVnodeUnmounted=fn\u003ConVnodeUnmounted> ref=Ref\u003C undefined > > \r\n at \u003CAnonymous key=\"/search\" vnode= {__v_isVNode: true, __v_skip: true, type: {…}, props: {…}, key: null, …} route= {fullPath: '/search?title=dd', hash: '', query: {…}, name: 'search', path: '/search', …} ... > \r\n at \u003CBaseTransition onAfterLeave= [ƒ] mode=\"out-in\" appear=false ... > \r\n at \u003CTransition onAfterLeave= [ƒ] name=\"page\" mode=\"out-in\" > \r\n at \u003CRouterView name=undefined route=undefined > \r\n at \u003CNuxtPage> \r\n at \u003CDefault ref=Ref\u003C undefined > > \r\n at \u003CLayoutLoader key=\"default\" layoutProps= {ref: RefImpl} name=\"default\" > \r\n at \u003CNuxtLayoutProvider layoutProps= {ref: RefImpl} key=\"default\" name=\"default\" ... > \r\n at \u003CNuxtLayout> \r\n at \u003CApp key=3 > \r\n at \u003CNuxtRoot>\r\n\r\n### Additional context\r\n\r\nchunk-SOI3BFCQ.js?v=091eb3ff:1759 [Vue warn]: Hydration attribute mismatch on \u003Cimg src=\"/_nuxt/assets/image/searchBg.jpg?t=1707570632814\" alt> \r\n - rendered on server: src=\"/_nuxt/assets/image/searchBg.jpg?t=1707570632814\"\r\n - expected on client: src=\"/_nuxt/assets/image/searchBg.jpg?t=1707570632813\"\r\n Note: this mismatch is check-only. The DOM will not be rectified in production due to performance overhead.\r\n You should fix the source of the mismatch. \r\n at \u003CIndex onVnodeUnmounted=fn\u003ConVnodeUnmounted> ref=Ref\u003C undefined > > \r\n at \u003CAnonymous key=\"/search\" vnode= {__v_isVNode: true, __v_skip: true, type: {…}, props: {…}, key: null, …} route= {fullPath: '/search?title=dd', hash: '', query: {…}, name: 'search', path: '/search', …} ... > \r\n at \u003CBaseTransition onAfterLeave= [ƒ] mode=\"out-in\" appear=false ... > \r\n at \u003CTransition onAfterLeave= [ƒ] name=\"page\" mode=\"out-in\" > \r\n at \u003CRouterView name=undefined route=undefined > \r\n at \u003CNuxtPage> \r\n at \u003CDefault ref=Ref\u003C undefined > > \r\n at \u003CLayoutLoader key=\"default\" layoutProps= {ref: RefImpl} name=\"default\" > \r\n at \u003CNuxtLayoutProvider layoutProps= {ref: RefImpl} key=\"default\" name=\"default\" ... > \r\n at \u003CNuxtLayout> \r\n at \u003CApp key=3 > \r\n at \u003CNuxtRoot>\r\n\r\n### Logs\r\n\r\n_No response_",[2928,2931,2932,2935],{"name":2929,"color":2930},"3.x","29bc7f",{"name":2868,"color":2869},{"name":2933,"color":2934},"needs reproduction","FBCA04",{"name":2936,"color":2937},"⛔️ can be closed","484893",25730,"Image error bug","2024-03-29T20:49:34Z","https://github.com/nuxt/nuxt/issues/25730",0.73884714,{"description":2944,"labels":2945,"number":2949,"owner":2871,"repository":2871,"state":2908,"title":2950,"updated_at":2951,"url":2952,"score":2953},"### Environment\n\n- Operating System: Linux\r\n- Node Version: v20.11.1\r\n- Nuxt Version: 3.10.3\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: yarn@4.2.1\r\n- Builder: -\r\n- User Config: devtools, experimental\r\n- Runtime Modules: -\r\n- Build Modules: -\n\n### Reproduction\n\nhttps://github.com/timhn-bm/nuxt-client-fallback-errors\r\n\r\nI've added 2 pages\r\n- `/works` - not using the `ErrorBoundary` wrapper: it behaves correctly :heavy_check_mark: \r\n- `/bugs` - using the `ErrorBoundary` wrapper: it reproduces the bug :red_circle: \n\n### Describe the bug\n\nWhen building a wrapper around `NuxtClientFallback` and using it is used in multiple places on one page, given that one wrapped component throws an error, then all instances of `NuxtClientFallback` will display the `fallback` slot **only after hydration**\r\n\r\n\r\n\n\n### Additional context\n\nI want to build a wrapper component around `NuxtClientFallback`.\r\n\r\nThe wrapper - let's call it `ErrorBoundary` - can look like this in its simplest form\r\n\r\n```\r\n\u003Ctemplate>\r\n \u003CNuxtClientFallback :keep-fallback=\"true\">\r\n \u003Cslot> \u003C/slot>\r\n\r\n \u003Ctemplate #fallback>\r\n \u003Cdiv style=\"background: red; color: white; padding: 10px\">\r\n \u003Cslot name=\"error\"> \u003C/slot>\r\n \u003C/div>\r\n \u003C/template>\r\n \u003C/NuxtClientFallback>\r\n\u003C/template>\r\n```\r\n\r\nIf I create a page with the following template: `A` `B` and `C` are wrapped by my custom `ErrorBoundary`.\r\n\r\nIf `A` throws an error -> after hydration, then the error slot will also by displayed for `B` and `C`\r\n\r\n\r\n```\r\n\u003Ctemplate>\r\n \u003Cdiv >\r\n \u003CErrorBoundary>\r\n \u003CA /> --> only A will throw an error \r\n \u003Ctemplate #error> an error occurred in A \u003C/template>\r\n \u003C/ErrorBoundary>\r\n\r\n \u003CErrorBoundary>\r\n \u003CB />\r\n \u003Ctemplate #error> an error occurred in B \u003C/template>\r\n \u003C/ErrorBoundary>\r\n\r\n \u003CErrorBoundary>\r\n \u003CC />\r\n \u003Ctemplate #error>\r\n \u003Cdiv>an error occurred in C\u003C/div>\r\n \u003C/template>\r\n \u003C/ErrorBoundary>\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\nThe very weird this, is that if I use directly `NuxtClientFallback` instead of my wrapper `ErrorBoundary`, then everything behaves as expected.\r\n\r\nThanks for your help in advance !\n\n### Logs\n\n_No response_",[2946,2947],{"name":2904,"color":2917},{"name":2948,"color":2934},"🔨 p3-minor",28344,"NuxtClientFallback renders fallback for all components if one failed, after hydration","2024-12-20T10:13:47Z","https://github.com/nuxt/nuxt/issues/28344",0.750063,{"description":2955,"labels":2956,"number":2964,"owner":2871,"repository":2871,"state":2908,"title":2965,"updated_at":2966,"url":2967,"score":2968},"### Versions\r\n\r\n- nuxt: 2.15.3\r\n- node: v12.19.0\r\n- css-loader: 4.3.0\r\n\r\n### Steps to reproduce\r\n```\r\n\u003Ctemplate>\r\n \u003Cdiv class=\"class-a\">\u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cstyle lang=\"scss\" scoped>\r\n.class-a {\r\n background-image: url(\"http://abc.xyz.jpg?foo/bar\");\r\n}\r\n\u003C/style>\r\n```\r\n\r\nAnd the run `npm run build`\r\n\r\n### What is Expected?\r\n```\r\n.class-a {\r\n `background-image: url(http://abc.xyz.jpg/?foo%2Fbar);\r\n}\r\n```\r\n\r\n### What is actually happening?\r\nThe backgroundImage url params has been encoded to be `background-image: url(http://abc.xyz.jpg/?foo%2Fbar=)`,.\r\nthere is a `=` at the end of the url, that make the image resource is invalid.\r\n\r\n### Addition\r\nIf run `npm run dev`, that's all right.\r\n",[2957,2960,2961],{"name":2958,"color":2959},"stale","ffffff",{"name":2868,"color":2869},{"name":2962,"color":2963},"2.x","d4c5f9",9064,"BackgroundImage url will be added a '=' at the end of url params when run build","2023-01-22T15:38:48Z","https://github.com/nuxt/nuxt/issues/9064",0.7568709,{"labels":2970,"number":2973,"owner":2871,"repository":2871,"state":2908,"title":2974,"updated_at":2975,"url":2976,"score":2977},[2971,2972],{"name":2929,"color":2930},{"name":2868,"color":2869},13836,"Missing props don't give error","2023-01-19T17:13:10Z","https://github.com/nuxt/nuxt/issues/13836",0.7600362,{"description":2979,"labels":2980,"number":2983,"owner":2871,"repository":2871,"state":2908,"title":2984,"updated_at":2985,"url":2986,"score":2987},"### Environment\n\nN/A\n\n### Reproduction\n\nN//A\n\n### Describe the bug\n\nI'll provide a PR to fix it, the problem lies here:\r\n\u003Cimg width=\"378\" alt=\"image\" src=\"https://user-images.githubusercontent.com/25911230/187493419-b6016019-1df0-421d-9255-2bfce586b40d.png\">\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2981,2982],{"name":2929,"color":2930},{"name":2868,"color":2869},14749,"Docs / Repo: There's a superfluous backtick in the bug template","2023-01-19T17:39:43Z","https://github.com/nuxt/nuxt/issues/14749",0.7607357,["Reactive",2989],{},["Set"],["ShallowReactive",2992],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fuOOUPrfbWuJaSdhp8aGzb4lLvYbbx4m1N7k0FRqqxRI":-1},"/nuxt/ui/4048"]