\r\n\t\t\u003C/div>\r\n\t\u003C/div>\r\n\u003C/template>\r\n```\r\n\r\nError:\r\n\r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2015,2016,2017],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":2002,"color":2003},15458,"Hydration completed but contains mismatches.","2023-01-19T17:50:47Z","https://github.com/nuxt/nuxt/issues/15458",0.6099739,{"description":2024,"labels":2025,"number":2031,"owner":1991,"repository":1991,"state":1992,"title":2032,"updated_at":2033,"url":2034,"score":2035},"### Environment\r\n\r\n- Operating System: `Windows_NT`\r\n- Node Version: `v16.19.0`\r\n- Nuxt Version: `3.1.2`\r\n- Nitro Version: `2.1.1`\r\n- Package Manager: `yarn@3.4.1`\r\n- Builder: `vite`\r\n- User Config: `modules`\r\n- Runtime Modules: `nuxt-icon@0.2.10`\r\n- Build Modules: `-`\r\n\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-dgdjfn-hhmxav?file=pages%2Findex%2Fposts.vue,nuxt.config.ts,pages%2Findex.vue\r\n\r\n### Describe the bug\r\n- After upgrade to 3.1.2 from 3.0.0, any content change makes `hydration mismatch` error.\r\n\r\n### pages/index\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n aaa\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup>\r\n\u003C/script>\r\n\r\n\u003Cstyle scoped>\r\n\u003C/style>\r\n```\r\n\r\n### Reproduction\r\n- Start nuxt\r\n- Open page `http://localhost:3000`\r\n- Change template content (e.g. \"aaa\" to \"bbb\")\r\n - (Any change of content makes Hydration node mismatch error)\r\n- Refresh page `http://localhost:3000`\r\n- See console.\r\n\r\n### Additional context\r\n\r\n\r\n\r\n\r\n### Logs\r\n\r\n_No response_",[2026,2027,2028],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":2029,"color":2030},"windows","C681FD",18764,"Any change of content makes hydration node/text content mismatch","2023-02-21T07:37:04Z","https://github.com/nuxt/nuxt/issues/18764",0.61334777,{"labels":2037,"number":2040,"owner":1991,"repository":1991,"state":1992,"title":2041,"updated_at":2042,"url":2043,"score":2044},[2038,2039],{"name":1985,"color":1986},{"name":1988,"color":1989},13593,"Hydration completed but contains mismatches","2023-01-19T17:00:21Z","https://github.com/nuxt/nuxt/issues/13593",0.6208481,{"description":2046,"labels":2047,"number":2053,"owner":1991,"repository":1991,"state":1992,"title":2054,"updated_at":2055,"url":2056,"score":2057},"### Environment\n\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.20.3\r\n- Nuxt Version: 3.12.2\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.6\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-qjtrhd-mtyvxv\n\n### Describe the bug\n\nWhen placing a server component in another server component, vue throw the following warning:\r\n\r\n```\r\nruntime-core.esm-bundler.js:48 [Vue warn]: Hydration node mismatch:\r\n- rendered on server: \u003C!--]--> \r\n- expected on client: Symbol(v-fgt) \r\n at \u003CNuxtIsland name=\"MyWrapper\" lazy=false props= Proxy(Object) {} ... > \r\n at \u003CMyWrapper> \r\n at \u003CApp key=4 > \r\n at \u003CNuxtRoot>\r\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2048,2049,2050],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":2051,"color":2052},"server components","839413",27731,"Hydration mismatch for nested server component","2024-06-20T13:58:28Z","https://github.com/nuxt/nuxt/issues/27731",0.621079,{"description":2059,"labels":2060,"number":2063,"owner":1991,"repository":1991,"state":1992,"title":2064,"updated_at":2065,"url":2066,"score":2067},"### Environment\r\n\r\n Operating System: Linux\r\n- Node Version: v21.7.3\r\n- Nuxt Version: 3.13.1\r\n- CLI Version: 3.13.1\r\n- Nitro Version: 2.9.7\r\n- Package Manager: bun@1.1.26\r\n- Builder: -\r\n- User Config: compatibilityDate, devtools, runtimeConfig, build, css, modules, vite\r\n- Runtime Modules: nuxt-aos@1.2.5, @nuxt/scripts@0.8.3, nuxt-particles@0.3.0, ()\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\nThe bug occurs only in production so I can't really send a reproduction link. If there will be problems with reproduction I will create an empty project and try all variables and edit the issue.\r\n\r\n### Describe the bug\r\n\r\nThe bug occurs for me if I type a whole email anywhere on the page. On the development it works fine I only get error in the production\r\n\r\n```html\r\n\u003C!-- layouts/default.vue-->\r\n\u003Ctemplate>\r\n \u003C!--Throws a hydration mismatch error-->\r\n john.smith@gmail.com\r\n\u003C/template>\r\n```\r\n\r\n\r\n\r\n```html\r\n\u003Ctemplate>\r\n \u003C!--Doesn't throw a mismatch error-->\r\n john.smith@gmail\r\n\u003C/template>\r\n```\r\n\r\n\r\n\r\n### Additional context\r\n\r\nFor deployment I'm using `bun` and this is my dockerfile\r\n\r\n```\r\nFROM oven/bun:1.1.26 AS base\r\n\r\nWORKDIR /usr/src/app\r\n\r\nFROM base AS build\r\n\r\nENV NODE_ENV=production\r\n\r\nCOPY . /usr/src/app\r\nWORKDIR /usr/src/app\r\nRUN bun install\r\nRUN bun run build\r\n\r\nFROM base AS app\r\n\r\nCOPY --from=build /usr/src/app/.output /prod/app\r\nWORKDIR /prod/app\r\n\r\nEXPOSE 3000\r\n\r\nCMD [ \"bun\", \"run\", \"server/index.mjs\" ]\r\n\r\n```\r\n\r\n### Logs\r\n\r\n_No response_",[2061,2062],{"name":1988,"color":1989},{"name":2002,"color":2003},28838,"Hydration mismatch with email text (cloudflare)","2024-09-05T08:09:16Z","https://github.com/nuxt/nuxt/issues/28838",0.6217041,{"labels":2069,"number":2072,"owner":1991,"repository":1991,"state":1992,"title":2073,"updated_at":2074,"url":2075,"score":2076},[2070,2071],{"name":1985,"color":1986},{"name":1988,"color":1989},14083,"Shared state update causes hydration mismatch","2023-01-19T17:24:11Z","https://github.com/nuxt/nuxt/issues/14083",0.6225542,{"description":2078,"labels":2079,"number":2082,"owner":1991,"repository":1991,"state":1992,"title":2083,"updated_at":2084,"url":2085,"score":2086},"### Environment\n\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.10.3\r\n- CLI Version: 3.10.1\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: devtools, modules\r\n- Runtime Modules: nuxt-icon@0.6.8\r\n- Build Modules: -\n\n### Reproduction\n\nReproduction : https://stackblitz.com/edit/draftman-nuxt-reproduction-1?file=app.vue\n\n### Describe the bug\n\nSince migrating from nuxt2 to nuxt3, I've noticed a number of hydration problems, particularly with nuxt/content rendering, but as I haven't managed to make a minimal reproduction, here's an example based on the teleport example of the doc.\r\nIt happen when we target a dedicted div (from a ID selection).\n\n### Additional context\n\nCode preview :\r\n\r\n\r\nConsole :\r\n\n\n### Logs\n\n```shell-script\n[Vue warn]: Hydration children mismatch on \u003Cdiv id=\"teleport\">…\u003C/div> \r\nServer rendered element contains fewer child nodes than client vdom. \r\n at \u003CApp key=3 > \r\n at \u003CNuxtRoot>\n```\n",[2080,2081],{"name":1985,"color":1986},{"name":1988,"color":1989},25940,"Hydration issue","2024-02-24T23:46:06Z","https://github.com/nuxt/nuxt/issues/25940",0.62444574,{"description":2088,"labels":2089,"number":2091,"owner":1991,"repository":1991,"state":1992,"title":2092,"updated_at":2093,"url":2094,"score":2095},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.20.4\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: npm@10.7.0\r\n- Builder: -\r\n- User Config: site, vite, experimental, css, extends, modules, appConfig, gtag, routeRules, nitro, htmlValidator, delayHydration, colorMode, sitemap, image, components, devtools\r\n- Runtime Modules: @nuxt/ui@2.18.4, @nuxt/image@1.7.1, @pinia/nuxt@0.5.4, nuxt-delay-hydration@1.3.6, @nuxtjs/sitemap@5.3.5, nuxt-gtag@2.1.0\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nN/A\r\n\r\n### Describe the bug\r\n\r\nafter upgrading from 3.12.2 to 3.13.0 i am getting these hydration errors on all my images.\r\nWhen I check the build HTML/code it is missing a lot of attributes that it wasn't before the update.\r\n\r\nThis is the console log error:\r\n\r\n`runtime-core.esm-bundler.js?v=de2f8f45:50 [Vue warn]: Hydration attribute mismatch on \u003Cimg onerror=\"this.setAttribute('data-error', 1)\" class=\"rounded-md opacity-80 drop-shadow-md group-hover:opacity-100\" src=\"/_ipx/s_350x197/assets/img/video-cpanel-install.jpg\" data-v-inspector=\"node_modules/@nuxt/image/dist/runtime/components/NuxtImg.vue:2:3\"> \r\n - rendered on server: (not rendered)\r\n - expected on client: width=\"350\"\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 \u003CNuxtImg src=\"/assets/img/video-cpanel-install.jpg\" loading=\"lazy\" class=\"rounded-md opacity-80 drop-shadow-md group-hover:opacity-100\" ... > `\r\n\r\n\r\n## This is what the raw code is I have:\r\n\r\n`\u003CNuxtImg src=\"/assets/img/video-cpanel-install.jpg\" loading=\"lazy\" class=\"rounded-md opacity-80 drop-shadow-md group-hover:opacity-100\" width=\"350\" height=\"197\" :alt=\"brand + ' cPanel install video screenshot'\" />`\r\n\r\n## This is what is output on a static generation:\r\n\r\n`\u003Cimg onerror=\"this.setAttribute('data-error', 1)\" class=\"rounded-md opacity-80 drop-shadow-md group-hover:opacity-100\" src=\"[/_ipx/s_350x197/assets/img/video-cpanel-install.jpg](http://new-pre.ssltrust.rack/_ipx/s_350x197/assets/img/video-cpanel-install.jpg)\">`\r\n\r\n## This is what is in the HTML code after the render:\r\n`\u003Cimg width=\"350\" height=\"197\" alt=\"GeoTrust cPanel install video screenshot\" loading=\"lazy\" data-nuxt-img=\"\" srcset=\"/_ipx/s_350x197/assets/img/video-cpanel-install.jpg 1x, /_ipx/s_700x394/assets/img/video-cpanel-install.jpg 2x\" class=\"rounded-md opacity-80 drop-shadow-md group-hover:opacity-100\" src=\"/_ipx/s_350x197/assets/img/video-cpanel-install.jpg\">`",[2090],{"name":1988,"color":1989},28751,"Hydration attribute mismatch on images after upgrade to 3.13.0 from 3.12.2","2024-10-24T12:37:02Z","https://github.com/nuxt/nuxt/issues/28751",0.62456405,["Reactive",2097],{},["Set"],["ShallowReactive",2100],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"Z0voh-k0b2lIH84eydudXCyWm1DykDSUuZ_4mIYLnvo":-1},"/nuxt/nuxt/31470"]