\n\t\u003C/NuxtLayout>\n\u003C/template>\n```\n\nnuxt.config.ts\n```js\n// https://nuxt.com/docs/api/configuration/nuxt-config\nexport default defineNuxtConfig({\n\tcompatibilityDate: \"2024-11-01\",\n modules: ['@nuxt/ui', '@nuxt/eslint', '@nuxtjs/seo'],\n css: ['~/assets/css/main.css'],\n\n\tdevtools: { enabled: true },\n\tfuture: {\n\t\tcompatibilityVersion: 4,\n\t},\n\tui: {\n // error here\n\t\tcolorMode: false,\n\t},\n});\n\n```\n\n### Description\n\nWhen changing the ui.colorMode to false AND using the `pages` folder, it crashes the whole app (error below).\n\n\n```\n500\n[vite-node] [plugin:nuxt:imports-transform] [VITE_ERROR] /@fs/Users/jeannen/Dev/apps/node_modules/@nuxt/ui/dist/devtools/runtime/DevtoolsRenderer.vue?macro=true\n\n/* Injection by vite-plugin-vue-inspector Start */\nimport { createVNode as __createVNode } from 'vue'\nfunction _interopVNode(vnode) {\n if (vnode && vnode.props && 'data-v-inspector' in vnode.props) {\n const data = vnode.props['data-v-inspector']\n delete vnode.props['data-v-inspector']\n Object.defineProperty(vnode.props, '__v_inspector', { value: data, enumerable: false })\n }\n return vnode\n}\nfunction _createVNode(...args) { return _interopVNode(__createVNode(...args)) }\n/* Injection by vite-plugin-vue-inspector End */\nimport { defineComponent as _defineComponent } from \"vue\";\nimport { onUnmounted, onMounted, reactive } from \"vue\";\nimport { pascalCase } from \"scule\";\nimport { defineAsyncComponent, useColorMode, useRoute } from \"#imports\";\nconst _sfc_main = /* @__PURE__ */ _defineComponent({\n __name: \"DevtoolsRenderer\",\n setup(__props, { expose: __expose }) {\n __expose();\n const route = useRoute();\n const component = route.query?.example ? defineAsyncComponent(() => import(`./examples/${route.query.example}.vue`)) : route.params?.slug && defineAsyncComponent(() => import(`../../runtime/components/${pascalCase(route.params.slug)}.vue`));\n const state = reactive({});\n function onUpdateRenderer(event) {\n state.props = { ...event.data.props };\n state.slots = { ...event.data.slots };\n }\n const colorMode = useColorMode();\n function setColorMode(event) {\n colorMode.preference = event.isDark ? \"dark\" : \"light\";\n }\n onMounted(() => {\n (void 0).parent.addEventListener(\"nuxt-ui-devtools:update-renderer\", onUpdateRenderer);\n (void 0).parent.addEventListener(\"nuxt-ui-devtools:set-color-mode\", setColorMode);\n });\n onUnmounted(() => {\n (void 0).parent.removeEventListener(\"nuxt-ui-devtools:update-renderer\", onUpdateRenderer);\n (void 0).parent.removeEventListener(\"nuxt-ui-devtools:set-color-mode\", setColorMode);\n });\n onMounted(async () => {\n const event = new Event(\"nuxt-ui-devtools:component-loaded\");\n (void 0).parent.dispatchEvent(event);\n });\n onMounted(() => {\n if (!route.query?.example) return;\n });\n const __returned__ = { route, component, state, onUpdateRenderer, colorMode, setColorMode };\n Object.defineProperty(__returned__, \"__isScriptSetup\", { enumerable: false, value: true });\n return __returned__;\n }\n});\nimport { resolveComponent as _resolveComponent, resolveDynamicComponent as _resolveDynamicComponent, mergeProps as _mergeProps, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from \"vue\";\nimport { ssrRenderVNode as _ssrRenderVNode, ssrRenderComponent as _ssrRenderComponent, ssrRenderAttrs as _ssrRenderAttrs } from \"vue/server-renderer\";\nfunction _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {\n const _component_UApp = _resolveComponent(\"UApp\");\n _push(`\u003Cdiv${_ssrRenderAttrs(_mergeProps({\n id: \"ui-devtools-renderer\",\n class: \"nuxt-ui-component-renderer\",\n \"data-v-inspector\": \"../node_modules/@nuxt/ui/dist/devtools/runtime/DevtoolsRenderer.vue:44:3\"\n }, _attrs))}>`);\n _push(_ssrRenderComponent(_component_UApp, { toaster: null }, {\n default: _withCtx((_, _push2, _parent2, _scopeId) => {\n if (_push2) {\n if ($setup.component) {\n _ssrRenderVNode(_push2, _createVNode(_resolveDynamicComponent($setup.component), _mergeProps($setup.state.props, {\n class: $setup.state?.slots?.base,\n ui: $setup.state.slots\n }), null), _parent2, _scopeId);\n } else {\n _push2(`\u003C!---->`);\n }\n } else {\n return [\n $setup.component ? (_openBlock(), _createBlock(_resolveDynamicComponent($setup.component), _mergeProps({ key: 0 }, $setup.state.props, {\n class: $setup.state?.slots?.base,\n ui: $setup.state.slots\n }), null, 16, [\"class\", \"ui\"])) : _createCommentVNode(\"v-if\", true)\n ];\n }\n }),\n _: 1\n /* STABLE */\n }, _parent));\n _push(`\u003C/div>`);\n}\nimport \"/Users/jeannen/Dev/apps/node_modules/@nuxt/ui/dist/devtools/runtime/DevtoolsRenderer.vue?vue&type=style&index=0&lang.css\";\nimport { useSSRContext as __vite_useSSRContext } from \"vue\";\nconst _sfc_setup = _sfc_main.setup;\n_sfc_main.setup = (props, ctx) => {\n const ssrContext = __vite_useSSRContext();\n (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add(\"../../node_modules/@nuxt/ui/dist/devtools/runtime/DevtoolsRenderer.vue\");\n return _sfc_setup ? _sfc_setup(props, ctx) : void 0;\n};\nimport _export_sfc from \"\\0plugin-vue:export-helper\";\nexport default /* @__PURE__ */ _export_sfc(_sfc_main, [[\"ssrRender\", _sfc_ssrRender], [\"__file\", \"/Users/jeannen/Dev/apps/node_modules/@nuxt/ui/dist/devtools/runtime/DevtoolsRenderer.vue\"]]);\n\nat /@fs/Users/jeannen/Dev/apps/node_modules/@nuxt/ui/dist/devtools/runtime/DevtoolsRenderer.vue?macro=true\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3050,3053,3056],{"name":3051,"color":3052},"bug","d73a4a",{"name":3054,"color":3055},"duplicate","cfd3d7",{"name":3057,"color":3058},"v3","49DCB8",2823,"ui","`colorMode: false` + /pages/ crash the app","2024-12-03T09:33:17Z","https://github.com/nuxt/ui/issues/2823",0.6691304,{"labels":3066,"number":3072,"owner":3024,"repository":3024,"state":3042,"title":3073,"updated_at":3074,"url":3075,"score":3076},[3067,3068,3069],{"name":3036,"color":3037},{"name":3051,"color":3052},{"name":3070,"color":3071},"needs reproduction","FBCA04",13115,"playground fails with `vite: false`","2023-01-19T16:52:42Z","https://github.com/nuxt/nuxt/issues/13115",0.67468405,{"description":3078,"labels":3079,"number":3082,"owner":3024,"repository":3024,"state":3042,"title":3083,"updated_at":3084,"url":3085,"score":3086},"### 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",[3080,3081],{"name":3036,"color":3037},{"name":3021,"color":3022},20437,"Fake [Vue warn]: Hydration text mismatch with nuxi dev","2023-05-12T16:25:05Z","https://github.com/nuxt/nuxt/issues/20437",0.67977065,{"description":3088,"labels":3089,"number":3094,"owner":3024,"repository":3024,"state":3042,"title":3095,"updated_at":3096,"url":3097,"score":3098},"### Environment\n\n```shell\r\nNuxt project info: 13:07:25\r\n\r\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v18.16.0\r\n- Nuxt Version: 3.7.0\r\n- CLI Version: 3.7.0\r\n- Nitro Version: 2.6.1\r\n- Package Manager: pnpm@8.6.12\r\n- Builder: -\r\n- User Config: -\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n```\n\n### Reproduction\n\nOpen the following SB repo using `virtual:pwa-info`: \r\nhttps://stackblitz.com/edit/nuxt-starter-dnvrut?file=app.vue,package.json,nuxt.config.ts\r\n\r\nOnce Nuxt starts, there is a warning about resolving `virtual:pwa-info` (should be `\\0virtual:pwa-info`):\r\n\r\n\r\nYou can also reproduce it in the nuxt repo using the playground , just add this to the playground `nuxt.config.ts` file:\r\n```ts\r\nconst virtual = 'virtual:xxx'\r\nconst resolvedVirtual = `\\0${virtual}`\r\n\r\nexport default defineNuxtConfig({\r\n vite: {\r\n plugins: [{\r\n name: 'xxx',\r\n enforce: 'post',\r\n resolveId (id) {\r\n if (id === virtual) {\r\n console.log('xxx:resolveId', id, resolvedVirtual)\r\n return resolvedVirtual\r\n }\r\n },\r\n load (id) {\r\n if (id === resolvedVirtual) {\r\n console.log('xxx:load', id, resolvedVirtual)\r\n return 'export const xxx = \"xxx\";'\r\n }\r\n }\r\n }]\r\n }\r\n})\r\n```\r\n\r\nAdd this component on playground folder:\r\n```ts\r\nimport { defineComponent } from 'vue'\r\nimport { xxx } from 'virtual:xxx'\r\n\r\nexport default defineComponent({\r\n setup () {\r\n if (xxx) {\r\n console.log(xxx)\r\n }\r\n\r\n return () => null\r\n }\r\n})\r\n```\r\n\r\nAnd add the component to the `app.vue`:\r\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\nimport VirtualComponent from './VirtualComponent'\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003CVirtualComponent />\r\n \u003C!-- Edit this file to play around with Nuxt but never commit changes! -->\r\n \u003Cdiv>\r\n Nuxt 3 Playground\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cstyle scoped>\r\n\r\n\u003C/style>\r\n```\r\n\r\nYou will see the warning once Nuxt starts:\r\n```shell\r\n[nuxt] Could not resolve id virtual:xxx D:\\work\\projects\\userquin\\GitHub\\userquin\\nuxt-org\\nuxt\\playground\\index.html\r\n```\n\n### Describe the bug\n\nResolved Vite virtual modules should be also excluded, `\\0virtual:` should also be excluded: https://vitejs.dev/guide/api-plugin.html#virtual-modules-convention.\r\n\r\nThere are a few modules only checking for `virtual:` prefix, we should also review the usage:\r\n\r\n\r\n\r\n\r\nI'm preparing a PR.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3090,3091,3092],{"name":3036,"color":3037},{"name":3051,"color":3052},{"name":3093,"color":3071},"🔨 p3-minor",22833,"exclude also default resolved Vite virtual modules","2023-08-26T14:45:18Z","https://github.com/nuxt/nuxt/issues/22833",0.6817956,{"labels":3100,"number":3101,"owner":3024,"repository":3024,"state":3042,"title":3073,"updated_at":3102,"url":3103,"score":3104},[],13201,"2023-01-19T16:48:28Z","https://github.com/nuxt/nuxt/issues/13201",0.68222255,{"description":3106,"labels":3107,"number":3111,"owner":3024,"repository":3024,"state":3042,"title":3112,"updated_at":3113,"url":3114,"score":3115},"### Environment\n\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v21.6.0\r\n- Nuxt Version: 3.9.3\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@10.3.0\r\n- Builder: -\r\n- User Config: devtools, runtimeConfig, colorMode, extends, modules, supabase, pinia, vite\r\n- Runtime Modules: @nuxtjs/supabase@1.1.5, @pinia/nuxt@0.5.1\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nCannot provide at this time.\n\n### Describe the bug\n\nSince the update, Vite is randomly forcing a hard refresh of the server and I get an infinite loop of folder creations in the terminal.\r\n\u003Cimg width=\"546\" alt=\"Screenshot 2024-01-19 at 9 29 01 am\" src=\"https://github.com/nuxt/nuxt/assets/87594582/02c50004-b799-4321-97e2-60ea16104c0b\">\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n✔ Vite server hmr 14 files in 621.583ms\r\nℹ Directory components/ created 8:25:51 am\r\nℹ Directory components/ created 8:25:51 am\r\nℹ Directory components/ created 8:25:51 am\r\nℹ Directory components/ created 8:25:51 am\r\nℹ Directory components/ created 8:25:51 am\r\nℹ Restarting nuxt... 8:25:51 am\r\nℹ Restarting nuxt... 8:25:51 am\r\nℹ Using default Tailwind CSS file nuxt:tailwindcss 8:25:52 am\r\n[nuxt:tailwindcss 8:25:52 am] ℹ Tailwind Viewer: http://127.0.0.1:3000/_tailwind/\r\nℹ Directory components/ created (repeated 16 times) 8:25:51 am\r\nℹ Vite server warmed up in 2848ms 8:25:55 am\r\n✔ Nitro built in 1646 ms nitro 8:25:55 am\r\n[8:25:55 am] ℹ ✨ new dependencies optimized: @vee-validate/zod, vee-validate, zod\r\nℹ ✨ optimized dependencies changed. reloading 8:25:55 am\r\nℹ Vite client warmed up in 3210ms 8:25:55 am\r\n(node:18443) [DEP0040] DeprecationWarning: The `punycode` module is deprecated. Please use a userland alternative instead.\r\n(Use `node --trace-deprecation ...` to show where the warning was created)\r\n[8:28:17 am] ℹ hmr update /components/viewer/page.vue, /node_modules/tailwindcss/tailwind.css, /node_modules/tailwindcss/tailwind.css?direct\r\n[8:28:23 am] ℹ hmr update /components/viewer/page.vue, /node_modules/tailwindcss/tailwind.css, /node_modules/tailwindcss/tailwind.css?direct (x2)\r\n✔ Vite server hmr 14 files in 676.802ms\r\nℹ Directory components/ created 8:28:38 am\r\nℹ Directory components/ created 8:28:38 am\r\nℹ Directory components/ created 8:28:38 am\r\nℹ Directory components/ created 8:28:38 am\r\nℹ Directory components/ created 8:28:38 am\r\nℹ Directory components/ created 8:28:38 am\r\nℹ Restarting nuxt... 8:28:38 am\r\nℹ Using default Tailwind CSS file nuxt:tailwindcss 8:28:38 am\r\nℹ Directory components/ created (repeated 16 times) 8:28:38 am\r\nℹ Using default Tailwind CSS file nuxt:tailwindcss 8:28:38 am\r\nℹ Vite client warmed up in 3015ms 8:28:42 am\r\nℹ Vite server warmed up in 2819ms 8:28:42 am\r\n✔ Nitro built in 1634 ms nitro 8:28:42 am\r\n(node:18443) [DEP0040] DeprecationWarning: The `punycode` module is deprecated. Please use a userland alternative instead.\r\n(Use `node --trace-deprecation ...` to show where the warning was created)\r\n✔ Vite server hmr 8 files in 786.374ms\r\nℹ Directory components/ created 8:28:57 am\r\nℹ Directory components/ created 8:28:57 am\r\nℹ Directory components/ created 8:28:57 am\r\nℹ Directory components/ created 8:28:57 am\r\nℹ Directory components/ created 8:28:57 am\r\nℹ Directory components/ created 8:28:57 am\r\nℹ Restarting nuxt... 8:28:57 am\r\nℹ Using default Tailwind CSS file nuxt:tailwindcss 8:28:57 am\n```\n",[3108,3109,3110],{"name":3036,"color":3037},{"name":3021,"color":3022},{"name":3070,"color":3071},25298,"HMR forces page reload loops since update to nuxt 3.9.0","2024-01-22T00:09:51Z","https://github.com/nuxt/nuxt/issues/25298",0.6822473,{"description":3117,"labels":3118,"number":3121,"owner":3024,"repository":3024,"state":3042,"title":3122,"updated_at":3123,"url":3124,"score":3125},"### Environment\r\n\r\n- Operating System: Windows_NT\r\n- Node Version: v20.11.0\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.6\r\n- Package Manager: pnpm@8.15.0\r\n- Builder: -\r\n- User Config: -\r\n- Runtime Modules: - \r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\n1. Nuxt project V3.11.2 (https://stackblitz.com/edit/nuxt-starter-heka3e?file=app.vue)\r\n2. Clone the project and install dependencies with `shamefully-hoist=false` in `.npmrc`\r\n3. See that `import.meta.glob` does not exist on type `ImportMeta`\r\n\u003Cimg width=\"497\" alt=\"20240418-2134-gJZvWd\" src=\"https://github.com/nuxt/nuxt/assets/9021453/2d891477-48f9-4f9d-b5ea-a2a49f995ffa\">\r\n\r\n4. Reinstall dependencies with `shamefully-hoist=true` in `.npmrc`\r\n5. See that `import.meta.glob` now exists on `ImportMeta` \r\n\u003Cimg width=\"1142\" alt=\"20240418-2149-1r2aRA\" src=\"https://github.com/nuxt/nuxt/assets/9021453/54940f75-f33a-4307-84de-73212f0dec83\">\r\n\r\n\r\n### Describe the bug\r\n\r\nSeems types for `vite/client` aren't available when not using `shamefully-hoist=true`\r\n\r\n`shamefully-hoist=false`\r\n```ts\r\n{\r\n url: string;\r\n dirname: string;\r\n filename: string;\r\n resolve(specifier: string, parent?: string | URL | undefined): string;\r\n resolve(specifier: string, parent?: string | URL | undefined): string;\r\n ... 11 more ...;\r\n test: boolean;\r\n}\r\n```\r\n\r\n`shamefully-hoist=true`\r\n```ts\r\n{\r\n url: string;\r\n hot?: ViteHotContext | undefined;\r\n env: ImportMetaEnv;\r\n glob: ImportGlobFunction;\r\n dirname: string;\r\n filename: string;\r\n ... 12 more ...;\r\n test: boolean;\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_",[3119,3120],{"name":3036,"color":3037},{"name":3021,"color":3022},26846,"Setting `shamefully-hoist=false` will make vite/client types fail","2024-04-19T12:38:45Z","https://github.com/nuxt/nuxt/issues/26846",0.6855979,{"description":3127,"labels":3128,"number":3130,"owner":3024,"repository":3024,"state":3042,"title":3131,"updated_at":3132,"url":3133,"score":3134},"### Environment\n\n````\n------------------------------\n- Operating System: Linux\n- Node Version: v22.11.0\n- Nuxt Version: 3.16.0\n- CLI Version: 3.22.5\n- Nitro Version: 2.11.6\n- Package Manager: pnpm@8.1.0\n- Builder: -\n- User Config: extends\n- Runtime Modules: -\n- Build Modules: -\n------------------------------\n````\n\n### Reproduction\n\nhttps://stackblitz.com/~/github.com/martinszeltins/nuxt-3-16-fetch-null\n\n### Describe the bug\n\nI upgraded my project from Nuxt `3.15` to `3.16` and I noticed that my project was broken in production. It is working fine in development mode. I found out that the issue is related to the `shamefully-hoist=true` option in the `.npmrc` file. When it is set to `true`, useFetch returns `null` data in production mode. When it is set to `false`, it works fine in both dev server and production mode.\n\nIt seems to happening after the hydration process. I see that on the server side the data is populated correctly, but on the client side, it is `null`. You can even see a brief flicker of the data before it becomes `null`. _(Again, only in production mode, dev works fine.)_ This worked fine in `3.15`.\n\n**Steps to Reproduce**\n1. Install dependencies\n2. Run the dev server - everything works as expected ✅\n3. Delete `node_modules` and `pnpm-lock.yaml`\n4. Change `shamefully-hoist=true` in .npmrc\n5. Reinstall dependencies\n6. Build and run the production - the data is `null` ❌ \n\n**.npmrc**\n```bash\nshamefully-hoist=true\n```\n\n**pages/index.vue**\n```vue\n\u003Ctemplate>\n \u003Cdiv>\n \u003Cdiv>userError:\u003C/div>\n \u003Cdiv v-if=\"userError\">\n userError: {{ userError }}\n \u003C/div>\n\n \u003Cdiv>users:\u003C/div>\n \u003Cdiv v-if=\"users\">\n Users: {{ users }}\n \u003C/div>\n \u003C/div>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const users = ref([])\n const userError = ref(null)\n\n const { data, error } = await useFetch('/api/user/list', {\n method: 'POST',\n watch: false,\n body: {\n args: {\n limit: 10,\n offset: 0,\n },\n },\n headers: {\n 'Content-Type': 'application/json',\n }\n })\n\n console.log('---- API Finished ----')\n console.log('data value', toRaw(data.value)) // null (in prod)\n console.log('error value', toRaw(error.value)) // null (in prod)\n\n users.value = structuredClone(toRaw(data.value)) // null (in prod)\n userError.value = structuredClone(toRaw(error.value)) // null (in prod)\n\n if (import.meta.client) {\n setTimeout(() => {\n console.log({ users: toRaw(users.value) }) // null (in prod)\n }, 2000)\n }\n\u003C/script>\n```\n\nThis completely broke my app in production. No idea why this works in dev but not in prod, something has changed in `3.16` that is causing this issue.\n\n**Screenshots:**\n\n\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3129],{"name":3021,"color":3022},31340,"Nuxt `3.16` breaks the build when using `shamefully-hoist=true`, dev server works fine.","2025-03-19T16:16:21Z","https://github.com/nuxt/nuxt/issues/31340",0.6863503,["Reactive",3136],{},["Set"],["ShallowReactive",3139],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fjPNU3dsOTpw49nATVOTMl514qNO109Z2z-l1sSDDQd0":-1},"/nuxt/ui/4258"]