` and `\u003CFooter />`.\n- `layer`: Extends `base `and provides the slot content in `pages/index.vue`.\n\nThe expected behavior is that the server correctly renders the full page, including the header, footer (from `base`), and the page content (from `layer`). However, since Nuxt 3.16, the server does not provide the expected HTML, causing a hydration mismatch on the client side.\n\n### Additional context\n\nhttps://github.com/user-attachments/assets/474edce2-da73-459c-a32a-b31328eede14\n\n### Logs\n\n```shell-script\n\n```",[1984,1987],{"name":1985,"color":1986},"pending triage","E99695",{"name":1988,"color":1989},"possible regression","B90A42",31470,"nuxt","open","Hydratation mismatch when using Nuxt Layers","2025-03-21T18:22:56Z","https://github.com/nuxt/nuxt/issues/31470",0.65294397,{"description":1998,"labels":1999,"number":2004,"owner":1991,"repository":1991,"state":2005,"title":2006,"updated_at":2007,"url":2008,"score":2009},"### Environment\n\n- Operating System: Linux\r\n- Node Version: v20.11.0\r\n- Nuxt Version: 3.10.0\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: pnpm@8.15.1\r\n- Builder: -\r\n- User Config: modules, devtools, app, vite, vue, css, postcss, nitro, build, typescript, runtimeConfig\r\n- Runtime Modules: @nuxtjs/tailwindcss@6.11.2, @pinia/nuxt@0.5.1, @formkit/auto-animate/nuxt@0.8.1, nuxt-headlessui@1.1.5, nuxt-icon@0.6.8\r\n- Build Modules: -\r\n- latest firefox & chromium\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-pgrig4?file=app.vue\n\n### Describe the bug\n\nUsing v-bind together with style attribute on component root gives ```Hydration style mismatch``` warning:\r\n```\r\n- rendered on server: style=\"padding:100px;--938b83b0-test:100;--938b83b0-test2:red;\"\r\n- expected on client: style=\"padding:100px;\"\r\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2000,2003],{"name":2001,"color":2002},"3.x","29bc7f",{"name":1985,"color":1986},25588,"closed","Hydration style mismatch: v-bind and style attribute on component root","2024-02-02T10:24:04Z","https://github.com/nuxt/nuxt/issues/25588",0.6317021,{"description":2011,"labels":2012,"number":2018,"owner":1991,"repository":1991,"state":2005,"title":2019,"updated_at":2020,"url":2021,"score":2022},"### Environment\n\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v18.7.0\r\n- Nuxt Version: 3.7.3\r\n- CLI Version: 3.9.0\r\n- Nitro Version: 2.6.3\r\n- Package Manager: yarn@1.22.19\r\n- Builder: -\r\n- User Config: -\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nHere is a reporduction version of this issue: https://stackblitz.com/edit/nuxt-starter-nufrzf?file=components%2FDynamicStyle.vue,app.vue\r\nPlease note that issues like this don't visually show in Stackblitz. You need to run it locally.\r\n\r\nHere is an example from Vue with vite where it doesnt happen: https://stackblitz.com/edit/vitejs-vite-zcf5i1?file=src%2Fcomponents%2FDynamicStyle.vue,src%2FApp.vue&terminal=dev\n\n### Describe the bug\n\nWhen using `\u003Ccomponent :is=\"'style'\" type=\"text/css\">` with named slots, a \"Hydration text mismatch\" happens. This seems to not happen when running vue with vite, but I am not 100% sure that this isn't something downstream.\n\n### Additional context\n\nI have a solution for my specific use-case: https://gist.github.com/SebbeJohansson/c76ecfcc019c11cda6e3abfa2e946efa\r\nKinda nasty, but it works.\n\n### Logs\n\n```shell-script\nvue.js:1449 [Vue warn]: Hydration text mismatch:\r\n- Client: \" @media (max-width: 767px){ /* mobile */ \u003C!--[--> .text-image-block__column { grid-column: span 1; } \u003C!--]--> } @media (min-width: 768px) and (max-width: 1023px) { /* tablet */ \u003C!--[--> .text-image-block__column { grid-column: span 2; } \u003C!--]--> } @media (min-width: 1024px){ /* desktop */ \u003C!--[--> .text-image-block__column { grid-column: span 2; } \u003C!--]--> } \"\r\n- Server: \" @media (max-width: 767px){ /* mobile */ \" \r\n at \u003CDynamicStyle> \r\n at \u003CApp key=3 > \r\n at \u003CNuxtRoot>\r\nwarn2 @ vue.js:1449\r\nhydrateNode @ vue.js:5957\r\nhydrateChildren @ vue.js:6180\r\nhydrateElement @ vue.js:6136\r\nhydrateNode @ vue.js:6014\r\nhydrateChildren @ vue.js:6180\r\nhydrateElement @ vue.js:6136\r\nhydrateNode @ vue.js:6014\r\nhydrateSubTree @ vue.js:7073\r\ncomponentUpdateFn @ vue.js:7093\r\nrun @ vue.js:423\r\ninstance.update @ vue.js:7212\r\nsetupRenderEffect @ vue.js:7220\r\nmountComponent @ vue.js:7010\r\nhydrateNode @ vue.js:6026\r\nhydrateChildren @ vue.js:6180\r\nhydrateElement @ vue.js:6136\r\nhydrateNode @ vue.js:6014\r\nhydrateSubTree @ vue.js:7073\r\ncomponentUpdateFn @ vue.js:7093\r\nrun @ vue.js:423\r\ninstance.update @ vue.js:7212\r\nsetupRenderEffect @ vue.js:7220\r\nmountComponent @ vue.js:7010\r\nhydrateNode @ vue.js:6026\r\nhydrateSuspense @ vue.js:2953\r\nhydrateNode @ vue.js:6066\r\nhydrateSubTree @ vue.js:7073\r\ncomponentUpdateFn @ vue.js:7093\r\nrun @ vue.js:423\r\ninstance.update @ vue.js:7212\r\nsetupRenderEffect @ vue.js:7220\r\nmountComponent @ vue.js:7010\r\nhydrateNode @ vue.js:6026\r\nhydrate2 @ vue.js:5920\r\nmount @ vue.js:5213\r\napp.mount @ vue.js:10556\r\ninitApp @ null:55\r\nawait in initApp (async)\r\n(anonymous) @ null:64\r\nvue.js:1449 [Vue warn]: Hydration children mismatch in \u003Cstyle>: server rendered element contains fewer child nodes than client vdom. \r\n at \u003CDynamicStyle> \r\n at \u003CApp key=3 > \r\n at \u003CNuxtRoot>\n```\n",[2013,2014,2015],{"name":2001,"color":2002},{"name":1985,"color":1986},{"name":2016,"color":2017},"upstream","E8A36D",23323,"Using \u003Ccomponent :is=\"'style'\" type=\"text/css\"> with slots produces hydration missmatch only in nuxt3 (vue+vite works fine)","2023-09-26T14:31:12Z","https://github.com/nuxt/nuxt/issues/23323",0.63275915,{"description":2024,"labels":2025,"number":2028,"owner":1991,"repository":1991,"state":2005,"title":2029,"updated_at":2030,"url":2031,"score":2032},"### 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: yarn@1.22.19\r\n- Builder: -\r\n- User Config: buildModules, plugins\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nNuxt : https://stackblitz.com/edit/github-9ukebr-n5eon6?file=package.json\r\n\r\nVue : https://stackblitz.com/edit/github-iswjxq-hto8un?file=src%2Fmain.ts,src%2FApp.vue\n\n### Describe the bug\n\nHi,\r\n\r\nI tried to create a directive who add a class to an element but I have this warning : \r\n```\r\nHydration class mismatch on \u003Cdiv class=\"test b-red\" data-v-inspector=\"pages/index.vue:2:3\">Hello World!\u003C/div> \r\n - rendered on server: class=\"test b-red\"\r\n - expected on client: class=\"test\"\r\n Note: this mismatch is check-only. The DOM will not be rectified in production due to performance overhead.\r\n```\r\n\r\nI have done the reproduction on Vue and Nuxt, because I do not have this error on Vue (only in Nuxt).\r\n\r\nTo see this error, you need to open the console, do not only look on StackBlitz terminal.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n[Vue warn]: Hydration class mismatch on \r\n \u003Cdiv class=\"test b-red\" data-v-inspector=\"pages/index.vue:2:3\">Hello World!\u003C/div>\r\n - rendered on server: class=\"test b-red\"\r\n - expected on client: class=\"test\"\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=\"/\" vnode= \r\n{__v_isVNode: true, __v_skip: true, type: {…}, props: {…}, key: null, …}\r\n route= \r\n{fullPath: '/', hash: '', query: {…}, name: 'index', path: '/', …}\r\n ... > \r\n at \u003CRouterView name=undefined route=undefined > \r\n at \u003CNuxtPage> \r\n at \u003CElMain> \r\n at \u003CElContainer> \r\n at \u003CElContainer> \r\n at \u003CDefault ref=Ref\u003C undefined > > \r\n at \u003CLayoutLoader key=\"default\" layoutProps= \r\n{ref: RefImpl}\r\n name=\"default\" > \r\n at \u003CNuxtLayoutProvider layoutProps= \r\n{ref: RefImpl}\r\n key=\"default\" name=\"default\" ... > \r\n at \u003CNuxtLayout> \r\n at \u003CApp key=4 > \r\n at \u003CNuxtRoot>\n```\n",[2026,2027],{"name":2001,"color":2002},{"name":1985,"color":1986},27664,"Directive Custom | Hydration error when adding a class","2024-06-17T14:36:14Z","https://github.com/nuxt/nuxt/issues/27664",0.6375598,{"description":2034,"labels":2035,"number":2039,"owner":1991,"repository":1991,"state":2005,"title":2040,"updated_at":2041,"url":2042,"score":2043},"### Environment\r\n\r\n\"nuxt\": \"^3.9.0\"\r\n\r\n### Reproduction\r\n\r\nhttps://codesandbox.io/p/devbox/intelligent-kepler-lv49z8?file=%2Fapp.vue%3A11%2C36\r\n\r\nIt doesn't happen on stackblitz, but it happens locally and on codesandbox.\r\n\r\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\nimport { NuxtLink } from '#components';\r\n\r\nconst disabled = ref(false);\r\n\u003C/script>\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Ccomponent :is=\"NuxtLink\" :disabled=\"disabled\" href=\"https://www.google.com\">\r\n test\r\n \u003C/component>\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\n### Describe the bug\r\n\r\nIt looks like there's a problem with server-side rendering, it shouldn't render `disabled=\"\"`\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n```shell-script\r\n[Vue warn]: Hydration attribute mismatch on \u003Ca href=\"https://www.google.com\" rel=\"noopener noreferrer\"> t \u003C/a> \r\n - rendered on server: disabled=\"\"\r\n - expected on client: (not rendered)\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 \u003CNuxtLink disabled=false href=\"https://www.google.com\" > \r\n at \u003CApp key=3 > \r\n at \u003CNuxtRoot>\r\n```\r\n",[2036,2037,2038],{"name":2001,"color":2002},{"name":1985,"color":1986},{"name":2016,"color":2017},25154,"Unexpected hydration attribute mismatch, with a ref bool attribute ","2024-01-14T14:16:36Z","https://github.com/nuxt/nuxt/issues/25154",0.63970435,{"description":2045,"labels":2046,"number":2049,"owner":1991,"repository":1991,"state":2005,"title":2050,"updated_at":2051,"url":2052,"score":2053},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v16.14.2\r\n- Nuxt Version: 3.4.2\r\n- Nitro Version: 2.3.3\r\n- Package Manager: npm@8.6.0\r\n- Builder: vite\r\n- User Config: meta, routeRules, runtimeConfig, pages, css, components, modules, content, i18n\r\n- Runtime Modules: @nuxt/content@2.6.0, @nuxtjs/i18n@8.0.0-beta.11\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nA minimal reproduction is not possible because it requires to update the repo to reproduce.\r\n\r\n### Describe the bug\r\n\r\nWhen developing, every time I make a change, the preview reloads showing a fake `[Vue warn]: Hydration text mismatch`\r\n\r\nIf I stop `nuxi dev`, delete the `/.nuxt` folder and restart `nuxi dev`, the warning disappears. Delete `/.nuxt` is not always necessary, but it is necessary to restart `nuxi dev`.\r\n\r\nWhat I'm actually doing is to ignore the warning and restart as described, before `git commit`, to make sure the warning is fake.\r\n\r\nIt seems to me that the Client is showing as rendering the previous version (before saving the change) and the Server the new one.\r\n\r\nIs this the expected behavior? If so, it's really inconvenient. \r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n```shell-script\r\n[Vue warn]: Hydration text mismatch:\r\n- Client: \"\u003COMITTED>\"\r\n- Server: \"blog\" \r\n at \u003CNuxtLink to=\"\u003COMITTED>\" > \r\n at \u003CMerchantProfile title=\"\u003COMITTED>\" description=\"\u003COMITTED>\" image=\"me.jpg\" ... > \r\n at \u003CBody> \r\n at \u003CHtml lang=\"en-US\" dir=\"ltr\" > \r\n at \u003CDefault > \r\n at \u003CLayoutLoader key=\"default\" name=\"default\" hasTransition=false > \r\n at \u003CFragmentWrapper > \r\n at \u003CNuxtLayout> \r\n at \u003CIndex onVnodeUnmounted=fn\u003ConVnodeUnmounted> ref=Ref\u003C undefined > > \r\n at \u003CRouteProvider key=\"/\" routeProps= {Component: {…}, route: {…}} pageKey=\"/\" ... > \r\n at \u003CFragmentWrapper > \r\n at \u003CRouterView name=undefined route=undefined > \r\n at \u003CNuxtPage> \r\n at \u003CApp key=3 > \r\n at \u003CNuxtRoot>\r\n```\r\n```\r\n",[2047,2048],{"name":2001,"color":2002},{"name":1985,"color":1986},20437,"Fake [Vue warn]: Hydration text mismatch with nuxi dev","2023-05-12T16:25:05Z","https://github.com/nuxt/nuxt/issues/20437",0.64052266,{"labels":2055,"number":2058,"owner":1991,"repository":1991,"state":2005,"title":2059,"updated_at":2060,"url":2061,"score":2062},[2056,2057],{"name":2001,"color":2002},{"name":1985,"color":1986},13431,"Throw \"Hydration node mismatch\" error when using teleport","2023-01-19T16:55:42Z","https://github.com/nuxt/nuxt/issues/13431",0.6413494,{"description":2064,"labels":2065,"number":2067,"owner":1991,"repository":1991,"state":2005,"title":2068,"updated_at":2069,"url":2070,"score":2071},"### Environment\n\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.15.4\n- CLI Version: 3.22.4\n- Nitro Version: 2.11.0\n- Package Manager: npm@10.2.3\n- Builder: -\n- User Config: compatibilityDate, devtools\n- Runtime Modules: -\n- Build Modules: -\n\n### Reproduction\n\n[https://stackblitz.com/edit/github-gktrh3sr](https://stackblitz.com/edit/github-gktrh3sr)\n\nFirst navigate to /page2 to confirm the text is red and it contains the attribute `data-important=\"true\"`.\n\nThen navigate to /page1. It will immediately redirect to /page2 but the text will be black and the attribute will be missing. There will also be a warning in the console.\n\n### Describe the bug\n\nWhen loading a page, a global middleware redirects to other page but the top level element loses its attributes, causing a hydration mismatch.\n\nMay be related to #20187 and #25650.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n[Vue warn]: Hydration text content mismatch on \n\u003Ch1 data-v-inspector=\"pages/page1.vue:3:5\"> \n - rendered on server: Secret page\n - expected on client: Public Page \n at \u003CPage2 onVnodeUnmounted=fn\u003ConVnodeUnmounted> ref=Ref\u003C undefined > > \n at \u003CAnonymous key=\"/page2\" vnode= Object { __v_isVNode: true, __v_skip: true, type: {…}, props: {…}, key: null, ref: {…}, scopeId: null, slotScopeIds: null, children: null, component: null, … } route= \n Object { fullPath: \"/page2\", hash: \"\", query: {}, name: \"page2\", path: \"/page2\", params: {}, matched: (1) […], meta: Proxy, redirectedFrom: {…}, href: \"/page2\" } ... > \n at \u003CRouterView name=undefined route=undefined > \n at \u003CNuxtPage > \n at \u003CNuxtLayoutProvider layoutProps= Object { ref: {…} } key=\"default\" name=\"default\" ... > \n at \u003CNuxtLayout > \n at \u003CApp key=4 > \n at \u003CNuxtRoot> runtime-core.esm-bundler.js:51:12\nHydration completed but contains mismatches. .localservice@runtime.495c5120.js:26:36955\n[Vue warn]: Hydration class mismatch on \n\u003Cdiv data-v-inspector=\"pages/page1.vue:2:3\"> \n - rendered on server: class=\"null\"\n - expected on client: class=\"text-red\"\n Note: this mismatch is check-only. The DOM will not be rectified in production due to performance overhead.\n You should fix the source of the mismatch. \n at \u003CPage2 onVnodeUnmounted=fn\u003ConVnodeUnmounted> ref=Ref\u003C undefined > > \n at \u003CAnonymous key=\"/page2\" vnode= Object { __v_isVNode: true, __v_skip: true, type: {…}, props: {…}, key: null, ref: {…}, scopeId: null, slotScopeIds: null, children: null, component: null, … } route= \n Object { fullPath: \"/page2\", hash: \"\", query: {}, name: \"page2\", path: \"/page2\", params: {}, matched: (1) […], meta: Proxy, redirectedFrom: {…}, href: \"/page2\" } ... > \n at \u003CRouterView name=undefined route=undefined > \n at \u003CNuxtPage > \n at \u003CNuxtLayoutProvider layoutProps= Object { ref: {…} } key=\"default\" name=\"default\" ... > \n at \u003CNuxtLayout > \n at \u003CApp key=4 > \n at \u003CNuxtRoot>\n```",[2066],{"name":1985,"color":1986},31228,"Hydration mismatch when navigating with middleware","2025-03-12T22:56:19Z","https://github.com/nuxt/nuxt/issues/31228",0.64340425,{"description":2073,"labels":2074,"number":2077,"owner":1991,"repository":1991,"state":2005,"title":2078,"updated_at":2079,"url":2080,"score":2081},"### Environment\n\n- Operating System: Darwin\r\n- Node Version: v16.14.2\r\n- Nuxt Version: 3.1.0\r\n- Nitro Version: 2.0.0\r\n- Package Manager: npm@7.17.0\r\n- Builder: vite\r\n- User Config: components\r\n- Runtime Modules: -\r\n- Build Modules: -\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-ffmmnf?file=package.json\n\n### Describe the bug\n\nWhen using `defineNuxtComponent` and `components: false` manually causes Hydration error like above reproduction.\r\nThis error doesn't appear at 3.0.0.\r\n\r\n```vue\r\n// e.g. layout\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n layout\r\n \u003CFoo />\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript lang=\"ts\">\r\nimport { defineNuxtComponent } from '#imports';\r\nimport Foo from '~/components/Foo.vue';\r\n\r\nexport default defineNuxtComponent({\r\n name: 'default',\r\n components: {\r\n Foo,\r\n },\r\n});\r\n\u003C/script>\r\n\r\n// foo component\r\n\u003Ctemplate>\r\n \u003Cdiv>foo\u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript lang=\"ts\">\r\nimport { defineNuxtComponent } from '#imports';\r\n\r\nexport default defineNuxtComponent({\r\n name: 'Foo',\r\n});\r\n\u003C/script>\r\n\r\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\nvue.js?v=4752a486:1355 [Vue warn]: Hydration text content mismatch in \u003Cdiv>:\r\n- Client: \r\n- Server: foo \r\n at \u003CFoo> \r\n at \u003CDefault > \r\n at \u003CLayoutLoader key=\"default\" name=\"default\" hasTransition=false > \r\n at \u003CFragmentWrapper > \r\n at \u003CNuxtLayout> \r\n at \u003CApp key=2 > \r\n at \u003CNuxtRoot>\r\n```\n```\n",[2075,2076],{"name":2001,"color":2002},{"name":1985,"color":1986},18511,"Using defineNuxtComponent and components:false causes hydration mismatches error","2023-01-26T00:37:25Z","https://github.com/nuxt/nuxt/issues/18511",0.6439897,{"description":2083,"labels":2084,"number":2087,"owner":1991,"repository":1991,"state":2005,"title":2088,"updated_at":2089,"url":2090,"score":2091},"### Environment\n\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v18.15.0\r\n- Nuxt Version: 3.7.4\r\n- CLI Version: 3.9.0\r\n- Nitro Version: 2.6.3\r\n- Package Manager: bun@1.0.4\r\n- Builder: -\r\n- User Config: colorMode, devtools, experimental, typescript, modules, css, ui, runtimeConfig\r\n- Runtime Modules: @pinia/nuxt@0.4.11, @nuxt/ui@2.9.0, nuxt-security@0.14.4\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-dgvnv6-s4j4zq?file=pages%2Findex.vue\n\n### Describe the bug\n\nA simple use of `useFetch` and `v-if` inside the template is returning a Hydration node mismatch. \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n[Vue warn]: Hydration node mismatch:\r\n- Client vnode: Symbol(\"v-cmt\") \r\n- Server rendered DOM: \r\n\u003Cdiv> \u003Cempty string> \r\n at \u003CIndex onVnodeUnmounted=fn\u003ConVnodeUnmounted> ref=Ref\u003C undefined > > \r\n at \u003CRouteProvider key=\"/\" vnode= \r\nObject { __v_isVNode: true, __v_skip: true, type: {…}, props: {…}, key: null, ref: {…}, scopeId: null, slotScopeIds: null, children: null, component: null, … }\r\n route= \r\nObject { fullPath: \"/\", hash: \"\", query: {}, name: \"index\", path: \"/\", params: {}, matched: (1) […], meta: Proxy, redirectedFrom: undefined, href: \"/\" }\r\n ... > \r\n at \u003CRouterView name=undefined route=undefined > \r\n at \u003CNuxtPage> \r\n at \u003CApp key=3 > \r\n at \u003CNuxtRoot>\n```\n",[2085,2086],{"name":2001,"color":2002},{"name":1985,"color":1986},23572,"Hydration node mismatch","2023-10-08T14:43:58Z","https://github.com/nuxt/nuxt/issues/23572",0.6443141,["Reactive",2093],{},["Set"],["ShallowReactive",2096],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"AW5CqrPQOLfPrQfCVm1qNNMzDHea_k-4sGCj0PAsZBE":-1},"/nuxt/nuxt/26483"]