\n```\n\nI have to use `type=\"number\"` because we only allow numeric inputs here.\n\nPrior to adding the pin input, I used a simple input field and the schema portion was like this:\n\n```\n confirmationCode: z\n .string()\n .length(1, 'The code is required')\n .length(6, 'The code must be 6 digits long'),\n```\n\nBut when I switched to `u-pin-input`, that gave me the error \"Expected string, received array\", so I replaced it with this:\n\n```\n confirmationCode: z\n .array(z.coerce.string().length(1))\n .length(6, 'The code must be 6 digits long'),\n```\n\nThis works, but now I have a TypeScript error on the v-model: \n```\nType 'string' is not assignable to type 'number[]'.ts-plugin(2322)\nindex.d.ts(5532, 3): The expected type comes from property 'modelValue' which is declared here on type '{ readonly \"onUpdate:modelValue\"?: (value: number[]) => any; readonly onBlur?: (payload: Event) => any; readonly onChange?: (payload: Event) => any; readonly onComplete?: (value: number[]) => any; ... 19 more ...; otp?: boolean; } & VNodeProps & AllowedComponentProps & ComponentCustomProps'\n```\n\nAny additional adjustments I tried ended with further complications, so I figured it'd be better to ask than spend more time on hacky solutions that may introduce unintended scenarios.",[3145,3148],{"name":3146,"color":3147},"question","d876e3",{"name":3149,"color":3150},"v3","49DCB8",4779,"nuxt","ui","open","What's the correct way to type u-pin-input otp values in Zod?","2025-08-18T12:14:35Z","https://github.com/nuxt/ui/issues/4779",0.78659594,{"description":3160,"labels":3161,"number":3169,"owner":3152,"repository":3153,"state":3154,"title":3170,"updated_at":3171,"url":3172,"score":3173},"### Environment\n\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v20.18.2\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: yarn@4.6.0\n- Builder: -\n- User Config: compatibilityDate, future, app, colorMode, css, devtools, modules\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.12, @nuxt/eslint@1.0.1\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.12\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/nuxt-ui3-n3sxks\n\n### Description\n\naccording to docs, paddings for main items are set in slot \"label\".\nadding different padding in this slot makes no difference\n\nadding for example gap in the list slot makes a difference\n\n\n\nIt looks like template overrides are not fully working.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3162,3165,3166],{"name":3163,"color":3164},"bug","d73a4a",{"name":3149,"color":3150},{"name":3167,"color":3168},"triage","ffffff",3306,"[Navigation menu] Some classes are not applied when using app.config.ts","2025-02-13T09:30:09Z","https://github.com/nuxt/ui/issues/3306",0.8024944,{"description":3175,"labels":3176,"number":3186,"owner":3152,"repository":3152,"state":3154,"title":3187,"updated_at":3188,"url":3189,"score":3190},"### Environment\r\n\r\n- Operating System: Linux\r\n- Node Version: v18.20.3\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: npm@10.2.3\r\n- Builder: -\r\n- User Config: devtools, runtimeConfig, app, css, modules, plugins, imports, pinia, device, tailwindcss, security\r\n- Runtime Modules: @vant/nuxt@1.0.4, @nuxtjs/tailwindcss@6.12.0, @element-plus/nuxt@1.0.9, @nuxt/image@1.7.0, @nuxtjs/device@3.1.1, @pinia/nuxt@0.5.1, @stefanobartoletti/nuxt-social-share@0.7.0\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/~/github.com/hoanghiep1x0/nuxt3-project\r\n\r\n### Describe the bug\r\n\r\nOn my local machine, the project works fine, but when I leave it idle for about 5-15 minutes and then interact with it again, I occasionally get a write EPIPE and read ETIMEDOUT error when making requests with ofetch. I tried to reproduce the issue on Stackblitz, but encountered a different error instead:\r\n\r\n```\r\n[request error] [unhandled] [500] Cannot perform Construct on a detached ArrayBuffer\r\n at new Uint8Array (\u003Canonymous>) \r\n```\r\nHere is the initial error message:\r\n```\r\n{\r\n \"url\": \"/api/book/info/phuong-nghich-thien-ha\",\r\n \"statusCode\": 500,\r\n \"statusMessage\": \"\",\r\n \"message\": \"read ETIMEDOUT\",\r\n \"stack\": \"\u003Cpre>\u003Cspan class=\\\"stack internal\\\">at TCP.onStreamRead (node:internal/stream_base_commons:217:20)\u003C/span>\\n\u003Cspan class=\\\"stack internal\\\">at TCP.callbackTrampoline (node:internal/async_hooks:130:17)\u003C/span>\u003C/pre>\"\r\n}\r\n```\r\nWhat could be causing these issues and how can I resolve them?\r\n\r\n\r\nI am leaving it as is for you to follow along easily.\r\n\r\n### Logs\r\n\r\n_No response_",[3177,3180,3183],{"name":3178,"color":3179},"pending triage","E99695",{"name":3181,"color":3182},"nitro","bfd4f2",{"name":3184,"color":3185},"upstream","E8A36D",27477,"[nitro] [uncaughtException] Failed to execute 'postMessage' on 'MessagePort': ArrayBuffer at index 0 is already detached.","2024-06-30T11:03:48Z","https://github.com/nuxt/nuxt/issues/27477",0.81148034,{"description":3192,"labels":3193,"number":3196,"owner":3152,"repository":3152,"state":3154,"title":3197,"updated_at":3198,"url":3199,"score":3200},"### Environment\n\nWorking directory: /home/projects/nuxt-starter-xkjsve 1:20:34 PM\r\nNuxt project info: 1:20:34 PM\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.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: npm@10.2.3\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\n👉 Report an issue: https://github.com/nuxt/nuxt/issues/new 1:20:34 PM\r\n\r\n👉 Suggest an improvement: https://github.com/nuxt/nuxt/discussions/new\r\n\r\n👉 Read documentation: https://nuxt.com\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-xkjsve\n\n### Describe the bug\n\nI use code below to compress response before output using brotlli/gzip/deflate method, it's working good when response 200, but for 404/500 error pages this code doesn't work in async page:\r\n\r\n```ts\r\nimport { Readable, pipeline } from 'node:stream';\r\nimport zlib from 'node:zlib';\r\n\r\nexport default defineNitroPlugin((nitroApp) => {\r\n nitroApp.hooks.hook('beforeResponse', async (event, response) => {\r\n compressResponse(event, response);\r\n });\r\n});\r\n\r\nasync function compressResponse(event: any, response: { body?: unknown }) {\r\n if (typeof response.body !== 'string') {\r\n return;\r\n }\r\n\r\n // using deflate as fallback here bcz stackblitz doesn't include it in req headers\r\n // You can test locally without setting fallback\r\n const acceptableEncoding =\r\n getRequestHeader(event, 'accept-encoding') ?? 'deflate';\r\n\r\n if (\r\n !acceptableEncoding ||\r\n !/\\b(deflate|gzip|br)\\b/.test(acceptableEncoding)\r\n ) {\r\n return;\r\n }\r\n\r\n const originalBody = response.body;\r\n const stream = Readable.from(response.body);\r\n\r\n if (/\\bbr\\b/.test(acceptableEncoding)) {\r\n setResponseHeader(event, 'Content-Encoding', 'br');\r\n response.body = pipeline(\r\n stream,\r\n zlib.createBrotliCompress(),\r\n event.node.res,\r\n () => (response.body = originalBody)\r\n );\r\n } else if (/\\bgzip\\b/.test(acceptableEncoding)) {\r\n setResponseHeader(event, 'Content-Encoding', 'gzip');\r\n response.body = pipeline(\r\n stream,\r\n zlib.createGzip(),\r\n event.node.res,\r\n () => (response.body = originalBody)\r\n );\r\n } else {\r\n setResponseHeader(event, 'Content-Encoding', 'deflate');\r\n response.body = pipeline(\r\n stream,\r\n zlib.createDeflate(),\r\n event.node.res,\r\n () => (response.body = originalBody)\r\n );\r\n }\r\n}\r\n\r\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3194,3195],{"name":3178,"color":3179},{"name":3181,"color":3182},27269,"Compressing response breaking error page","2024-06-30T11:04:01Z","https://github.com/nuxt/nuxt/issues/27269",0.8127967,{"description":3202,"labels":3203,"number":3207,"owner":3152,"repository":3153,"state":3208,"title":3209,"updated_at":3210,"url":3211,"score":3212},"### Environment\n\nOS Linux\nnode v22.14\n\nnuxt v3.16.1\nnuxt ui v3.0.1\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.16.1\n\n### Reproduction\n\n\nhttps://codesandbox.io/p/devbox/peaceful-newton-7rrnpq?workspaceId=ws_BXPvVpCjQQH8Dp7pSA8M1q\n\n### Description\n\nA tooltip with, as content, an Avatar without src prop did not display the popup.\n\n ```\n\u003CUTooltip arrow text=\"title\">\n \u003CUAvatar text=\"Avatar\" size=\"3xl\" />\n \u003C/UTooltip>\n```\nThe popup with 'title' is never displayed\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3204,3205,3206],{"name":3163,"color":3164},{"name":3149,"color":3150},{"name":3167,"color":3168},3699,"closed","tooltip with avatar without src do not work","2025-03-28T09:27:27Z","https://github.com/nuxt/ui/issues/3699",0.772702,{"description":3214,"labels":3215,"number":3218,"owner":3152,"repository":3153,"state":3208,"title":3219,"updated_at":3220,"url":3221,"score":3222},"### Description\n\nhey guys,\n\nFor some reason I can't get the `@apply` function in css working with Nuxt UI V3?\n\nIf I do something like this in the `\u003Cstyle>` section of a component: \n\n```\n\u003Cstyle scoped>\nh1 {\n @apply text-4xl;\n}\n\u003C/style>\n```\n\nI get this error: \n\n\n```zsh\n\n ERROR x Build failed in 694ms 4:30:24 PM\n\n\n ERROR Nuxt Build Error: [@tailwindcss/vite:generate:build] Cannot apply unknown utility class: text-4xl \n\n```\n\nWeirdly if I do `class=\"text-4xl\"` it works? Also If I comment out the `\u003Cstyle>` section above it also works? What's going on here? it's like the `@apply` function isn't setup or recognised? How do I go about debugging this?\n",[3216,3217],{"name":3146,"color":3147},{"name":3149,"color":3150},3193,"@apply - `Cannot apply unknown utility class`","2025-01-28T16:53:52Z","https://github.com/nuxt/ui/issues/3193",0.7854322,{"description":3224,"labels":3225,"number":3227,"owner":3152,"repository":3153,"state":3208,"title":3228,"updated_at":3229,"url":3230,"score":3231},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v20.17.0\n- Nuxt Version: 3.15.1\n- CLI Version: 3.20.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.10.0\n- Builder: -\n- User Config: compatibilityDate, devServer, devtools, modules, tailwindcss, i18n, css, runtimeConfig, experimental, colorMode\n- Runtime Modules: @nuxtjs/tailwindcss@6.12.2, @nuxtjs/i18n@9.1.1, @pinia/nuxt@0.9.0, @nuxt/ui@2.20.0, @nuxtjs/color-mode@3.5.2\n- Build Modules: -\n\n\n### Version\n\nv2.20.0\n\n### Reproduction\n\n```\n{\n \"name\": \"nuxt-app\",\n \"private\": true,\n \"type\": \"module\",\n \"scripts\": {\n \"build\": \"nuxt build\",\n \"dev\": \"nuxt dev\",\n \"generate\": \"nuxt generate\",\n \"preview\": \"nuxt preview\",\n \"postinstall\": \"nuxt prepare\"\n },\n \"dependencies\": {\n \"@ckpack/vue-color\": \"^1.6.0\",\n \"@devui-design/icons\": \"^1.4.0\",\n \"@headlessui/vue\": \"^1.7.23\",\n \"@heroicons/vue\": \"^2.2.0\",\n \"@nuxt/icon\": \"^1.10.3\",\n \"@nuxtjs/color-mode\": \"^3.5.2\",\n \"@tailwindcss/typography\": \"^0.5.16\",\n \"@webzlodimir/vue-avatar\": \"^0.0.8\",\n \"axios\": \"^1.7.9\",\n \"devui-theme\": \"^0.0.7\",\n \"highlight.js\": \"^11.11.1\",\n \"markdown-it\": \"^14.1.0\",\n \"nuxt\": \"^3.15.0\",\n \"vue\": \"latest\",\n \"vue-router\": \"latest\"\n },\n \"devDependencies\": {\n \"@nuxt/ui\": \"2.20.0\",\n \"@nuxtjs/i18n\": \"9.1.1\",\n \"@pinia/nuxt\": \"0.9.0\",\n \"nuxt\": \"^3.15.0\",\n \"pinia\": \"^2.3.0\"\n },\n \"packageManager\": \"pnpm@9.15.2+sha512.93e57b0126f0df74ce6bff29680394c0ba54ec47246b9cf321f0121d8d9bb03f750a705f24edc3c1180853afd7c2c3b94196d0a3d53d3e069d9e2793ef11f321\"\n}\n```\n\n# tailwind.config.js\n\n```\n/** @type {import('tailwindcss').Config} */\nmodule.exports = {\n theme: {\n },\n plugins: [\n // https://stackoverflow.com/questions/75706164/problem-with-tailwind-css-when-using-the-react-markdown-component\n // 避免 tailwind 与 markdown 冲突\n require('@tailwindcss/typography'),\n ],\n}\n```\n\n# nuxt.config.ts \n```\n// https://nuxt.com/docs/api/configuration/nuxt-config\nexport default defineNuxtConfig({\n compatibilityDate: '2024-11-01',\n devServer: {\n port: 4432\n },\n devtools: { enabled: true },\n modules: ['@nuxtjs/tailwindcss', '@nuxtjs/i18n', '@pinia/nuxt', '@nuxt/ui', '@nuxtjs/color-mode'],\n tailwindcss: {\n exposeConfig: true,\n viewer: true,\n },\n i18n: {\n vueI18n: './i18n.config.ts' // if you are using custom path, default\n },\n css: [\n '~/assets/main.css'\n ],\n runtimeConfig: {\n public: {\n apiBaseUrl: 'http://localhost:9384'\n },\n },\n // https://github.com/nuxt/nuxt/issues/30461\n experimental: { appManifest: false },\n colorMode: {\n preference: 'light'\n }\n})\n```\n\n# ~/assets/main.css\nempty\n\n### Description\n\n# Style loss:\n```\n \u003CUAccordion\n multiple\n :items=\"[{ label: 'What is Nuxt UI?', content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit' }, { label: 'Getting Started', content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit' }, { label: 'Theming', content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit' }, { label: 'Components', content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit' }]\"\n />\n````\nview:\n\n\n\n# process\nI installed Tailwind first, and then I installed Nuxt UI.\n\n# package.json\n\n### Additional context\n\nI installed Tailwind first, and then I installed Nuxt UI.\n\n### Logs\n\n```shell-script\n\n```",[3226],{"name":3163,"color":3164},3085,"Style loss","2025-01-14T11:03:42Z","https://github.com/nuxt/ui/issues/3085",0.79077923,{"description":3233,"labels":3234,"number":3244,"owner":3152,"repository":3152,"state":3208,"title":3245,"updated_at":3246,"url":3247,"score":3248},"### Describe the feature\r\n\r\nI noticed that the BigInt type will be serialized to Number in useState and it causes loss of precision.\r\nCan we support a user-defined JSON serializer&deserializer in useState to solve this?\r\n\r\n### Additional information\r\n\r\n- [ ] Would you be willing to help implement this feature?\r\n- [ ] Could this feature be implemented as a module?\r\n\r\n### Final checks\r\n\r\n- [X] Read the [contribution guide](https://v3.nuxtjs.org/community/contribution).\r\n- [X] Check existing [discussions](https://github.com/nuxt/framework/discussions) and [issues](https://github.com/nuxt/framework/issues).",[3235,3238,3241],{"name":3236,"color":3237},"enhancement","8DEF37",{"name":3239,"color":3240},"discussion","538de2",{"name":3242,"color":3243},"3.x","29bc7f",15760,"Custom JSON serializer&deserializer support in useState","2023-12-26T01:24:02Z","https://github.com/nuxt/nuxt/issues/15760",0.79302275,{"description":3250,"labels":3251,"number":3258,"owner":3152,"repository":3152,"state":3208,"title":3259,"updated_at":3260,"url":3261,"score":3262},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v19.6.0`\r\n- Nuxt Version: `3.2.2`\r\n- Nitro Version: `2.2.1` (in repro 2.2.2)\r\n- Package Manager: `npm@9.5.0`\r\n- Builder: `vite`\r\n- User Config: `runtimeConfig`, `css`, `build`, `modules`, `experimental`, `nitro`\r\n- Runtime Modules: `@pinia/nuxt@0.4.6`, `()`\r\n- Build Modules: `-`\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-wpxbup?file=app.vue,server%2Fapi%2Ffile.post.ts\n\n### Describe the bug\n\nWhen trying to upload long files the server crashes, for example I tried to upload:\r\n`\r\nKind: MSI file\r\nSize: 159.928.320 bytes (159,9 MB on disk)\r\n`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n#\r\n# Fatal error in , line 0\r\n# Fatal JavaScript invalid size error 169220804\r\n#\r\n#\r\n#\r\n#FailureMessage Object: 0x17274d318\r\n 1: 0x1026c48f4 node::NodePlatform::GetStackTracePrinter()::$_3::__invoke() [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n 2: 0x102f3a5fc V8_Fatal(char const*, ...) [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n 3: 0x10292858c v8::internal::FactoryBase\u003Cv8::internal::Factory>::NewFixedArrayWithFiller(v8::internal::Handle\u003Cv8::internal::Map>, int, v8::internal::Handle\u003Cv8::internal::Oddball>, v8::internal::AllocationType) [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n 4: 0x102af5918 v8::internal::(anonymous namespace)::ElementsAccessorBase\u003Cv8::internal::(anonymous namespace)::FastPackedSmiElementsAccessor, v8::internal::(anonymous namespace)::ElementsKindTraits\u003C(v8::internal::ElementsKind)0> >::ConvertElementsWithCapacity(v8::internal::Handle\u003Cv8::internal::JSObject>, v8::internal::Handle\u003Cv8::internal::FixedArrayBase>, v8::internal::ElementsKind, unsigned int, unsigned int, unsigned int) [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n 5: 0x102af4090 v8::internal::(anonymous namespace)::ElementsAccessorBase\u003Cv8::internal::(anonymous namespace)::FastPackedSmiElementsAccessor, v8::internal::(anonymous namespace)::ElementsKindTraits\u003C(v8::internal::ElementsKind)0> >::GrowCapacity(v8::internal::Handle\u003Cv8::internal::JSObject>, unsigned int) [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n 6: 0x102c88cd8 v8::internal::Runtime_GrowArrayElements(int, unsigned long*, v8::internal::Isolate*) [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n 7: 0x1024bb2ac Builtins_CEntry_Return1_DontSaveFPRegs_ArgvOnStack_NoBuiltinExit [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n 8: 0xa084ca9a0 \r\n 9: 0x102438064 Builtins_InterpreterEntryTrampoline [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n10: 0x10246e8b4 Builtins_AsyncFunctionAwaitResolveClosure [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n11: 0x10250ee38 Builtins_PromiseFulfillReactionJob [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n12: 0x10245e834 Builtins_RunMicrotasks [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n13: 0x1024363c4 Builtins_JSRunMicrotasksEntry [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n14: 0x1028dfcd0 v8::internal::(anonymous namespace)::Invoke(v8::internal::Isolate*, v8::internal::(anonymous namespace)::InvokeParams const&) [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n15: 0x1028e0418 v8::internal::(anonymous namespace)::InvokeWithTryCatch(v8::internal::Isolate*, v8::internal::(anonymous namespace)::InvokeParams const&) [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n16: 0x102902ef0 v8::internal::MicrotaskQueue::RunMicrotasks(v8::internal::Isolate*) [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n17: 0x102902d20 v8::internal::MicrotaskQueue::PerformCheckpointInternal(v8::Isolate*) [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n18: 0x102439e38 Builtins_CallApiCallback [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n19: 0xa085a349c \r\n20: 0x1024364f0 Builtins_JSEntryTrampoline [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n21: 0x102436184 Builtins_JSEntry [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n22: 0x1028dfd00 v8::internal::(anonymous namespace)::Invoke(v8::internal::Isolate*, v8::internal::(anonymous namespace)::InvokeParams const&) [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n23: 0x1028df290 v8::internal::Execution::Call(v8::internal::Isolate*, v8::internal::Handle\u003Cv8::internal::Object>, v8::internal::Handle\u003Cv8::internal::Object>, int, v8::internal::Handle\u003Cv8::internal::Object>*) [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n24: 0x1027d7364 v8::Function::Call(v8::Local\u003Cv8::Context>, v8::Local\u003Cv8::Value>, int, v8::Local\u003Cv8::Value>*) [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n25: 0x102598bb0 node::InternalCallbackScope::Close() [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n26: 0x102599004 node::InternalMakeCallback(node::Environment*, v8::Local\u003Cv8::Object>, v8::Local\u003Cv8::Object>, v8::Local\u003Cv8::Function>, int, v8::Local\u003Cv8::Value>*, node::async_context) [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n27: 0x1025b3c2c node::AsyncWrap::MakeCallback(v8::Local\u003Cv8::Function>, int, v8::Local\u003Cv8::Value>*) [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n28: 0x102681858 node::(anonymous namespace)::Parser::OnStreamRead(long, uv_buf_t const&) [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n29: 0x10272a5e4 node::LibuvStreamWrap::OnUvRead(long, uv_buf_t const*) [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n30: 0x10272a294 node::LibuvStreamWrap::ReadStart()::$_1::__invoke(uv_stream_s*, long, uv_buf_t const*) [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n31: 0x10505aff0 uv__stream_io [/opt/homebrew/Cellar/libuv/1.44.2/lib/libuv.1.dylib]\r\n32: 0x1050621e0 uv__io_poll [/opt/homebrew/Cellar/libuv/1.44.2/lib/libuv.1.dylib]\r\n33: 0x1050527bc uv_run [/opt/homebrew/Cellar/libuv/1.44.2/lib/libuv.1.dylib]\r\n34: 0x1025998b8 node::SpinEventLoopInternal(node::Environment*) [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n35: 0x102710290 node::worker::Worker::Run() [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n36: 0x1027128a8 node::worker::Worker::StartThread(v8::FunctionCallbackInfo\u003Cv8::Value> const&)::$_3::__invoke(void*) [/opt/homebrew/Cellar/node/19.6.0/bin/node]\r\n37: 0x1831e206c _pthread_start [/usr/lib/system/libsystem_pthread.dylib]\r\n38: 0x1831dce2c thread_start [/usr/lib/system/libsystem_pthread.dylib]\n```\n",[3252,3253,3256,3257],{"name":3242,"color":3243},{"name":3254,"color":3255},"workaround available","11376d",{"name":3181,"color":3182},{"name":3184,"color":3185},19160,"Uploading big files","2024-05-12T07:31:49Z","https://github.com/nuxt/nuxt/issues/19160",0.801825,{"description":3264,"labels":3265,"number":3268,"owner":3152,"repository":3152,"state":3208,"title":3269,"updated_at":3270,"url":3271,"score":3272},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.8.2\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: pnpm@8.7.1\r\n- Builder: -\r\n- User Config: ssr, modules, ui, runtimeConfig, css, site, linkChecker, sitemap, colorMode, ogImage, vite, devtools\r\n- Runtime Modules: @nuxt/ui@2.11.1, @nuxtseo/module@2.0.0-beta.50\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\n- Create a nuxt project\r\n- Create a composable like this one\r\n\r\n```ts\r\nexport async function fetchRepoBySlug(slug: string) {\r\n const config = useRuntimeConfig()\r\n\r\n const data = await $fetch(`/repositories/${slug}`, {\r\n baseURL: config.public.apiBase,\r\n })\r\n\r\n const validatedData = myzod.object({\r\n data: myzod.object({\r\n name: myzod.string(),\r\n npmName: myzod.string().or(myzod.null()),\r\n stars: myzod.object({\r\n current: myzod.object({\r\n value: myzod.number(),\r\n fetchedAt: myzod.string(),\r\n }),\r\n previous: myzod.object({\r\n value: myzod.number(),\r\n fetchedAt: myzod.string(),\r\n }),\r\n }),\r\n downloads: myzod.object({\r\n current: myzod.object({\r\n value: myzod.number(),\r\n start: myzod.string(),\r\n end: myzod.string(),\r\n }),\r\n previous: myzod.object({\r\n value: myzod.number(),\r\n start: myzod.string(),\r\n end: myzod.string(),\r\n }),\r\n }),\r\n starsMetrics: myzod.array(myzod.object({\r\n value: myzod.number(),\r\n fetchedAt: myzod.string(),\r\n })),\r\n downloadsMetrics: myzod.array(myzod.object({\r\n value: myzod.number(),\r\n fetchedAt: myzod.string(),\r\n })),\r\n }),\r\n }).parse(data)\r\n\r\n return validatedData\r\n}\r\n```\r\n\r\nAnd use it in a page\r\n\r\n```ts\r\nconst route = useRoute()\r\nconst slug = route.params.slug as string\r\nconst { data: repo, error } = await useAsyncData(slug, () => fetchRepoBySlug(slug))\r\n\r\nif (error.value) {\r\n // TODO: it's strange, why this happens?\r\n if (error.value.statusCode === 404) {\r\n throw createError({\r\n statusCode: 404,\r\n statusMessage: 'Repository not found',\r\n fatal: true,\r\n })\r\n }\r\n}\r\n```\r\n\r\n### Describe the bug\r\n\r\nHello,\r\n\r\nWhen using the useAsyncData, the type for the error is not a FetchError, which seems logic, but how to solve this since the value `statusCode` exists?\r\n\r\n### Additional context\r\n\r\nFull error\r\n\r\n`Property 'statusCode' does not exist on type 'Error'.ts(2339)`\r\n\r\n### Logs\r\n\r\n_No response_",[3266,3267],{"name":3242,"color":3243},{"name":3178,"color":3179},24926,"Why do I get `error.value.statusCode` does not exists and how to solve?","2023-12-29T08:49:53Z","https://github.com/nuxt/nuxt/issues/24926",0.80428886,["Reactive",3274],{},["Set"],["ShallowReactive",3277],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f5AdaO3lA1f_bkcY5zRTSGvBW5U-gUvVznc8utIB2rg0":-1},"/nuxt/icon/264"]