\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.",[3137,3140],{"name":3138,"color":3139},"question","d876e3",{"name":3141,"color":3142},"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":3152,"labels":3153,"number":3161,"owner":3144,"repository":3145,"state":3146,"title":3162,"updated_at":3163,"url":3164,"score":3165},"### 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```",[3154,3157,3158],{"name":3155,"color":3156},"bug","d73a4a",{"name":3141,"color":3142},{"name":3159,"color":3160},"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":3167,"labels":3168,"number":3178,"owner":3144,"repository":3144,"state":3146,"title":3179,"updated_at":3180,"url":3181,"score":3182},"### 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_",[3169,3172,3175],{"name":3170,"color":3171},"pending triage","E99695",{"name":3173,"color":3174},"nitro","bfd4f2",{"name":3176,"color":3177},"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":3184,"labels":3185,"number":3188,"owner":3144,"repository":3144,"state":3146,"title":3189,"updated_at":3190,"url":3191,"score":3192},"### 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_",[3186,3187],{"name":3170,"color":3171},{"name":3173,"color":3174},27269,"Compressing response breaking error page","2024-06-30T11:04:01Z","https://github.com/nuxt/nuxt/issues/27269",0.8127967,{"description":3194,"labels":3195,"number":3199,"owner":3144,"repository":3145,"state":3200,"title":3201,"updated_at":3202,"url":3203,"score":3204},"### 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```",[3196,3197,3198],{"name":3155,"color":3156},{"name":3141,"color":3142},{"name":3159,"color":3160},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":3206,"labels":3207,"number":3210,"owner":3144,"repository":3145,"state":3200,"title":3211,"updated_at":3212,"url":3213,"score":3214},"### 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",[3208,3209],{"name":3138,"color":3139},{"name":3141,"color":3142},3193,"@apply - `Cannot apply unknown utility class`","2025-01-28T16:53:52Z","https://github.com/nuxt/ui/issues/3193",0.7854322,{"description":3216,"labels":3217,"number":3219,"owner":3144,"repository":3145,"state":3200,"title":3220,"updated_at":3221,"url":3222,"score":3223},"### 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```",[3218],{"name":3155,"color":3156},3085,"Style loss","2025-01-14T11:03:42Z","https://github.com/nuxt/ui/issues/3085",0.79077923,{"description":3225,"labels":3226,"number":3236,"owner":3144,"repository":3144,"state":3200,"title":3237,"updated_at":3238,"url":3239,"score":3240},"### 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).",[3227,3230,3233],{"name":3228,"color":3229},"enhancement","8DEF37",{"name":3231,"color":3232},"discussion","538de2",{"name":3234,"color":3235},"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":3242,"labels":3243,"number":3250,"owner":3144,"repository":3144,"state":3200,"title":3251,"updated_at":3252,"url":3253,"score":3254},"### 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",[3244,3245,3248,3249],{"name":3234,"color":3235},{"name":3246,"color":3247},"workaround available","11376d",{"name":3173,"color":3174},{"name":3176,"color":3177},19160,"Uploading big files","2024-05-12T07:31:49Z","https://github.com/nuxt/nuxt/issues/19160",0.801825,{"description":3256,"labels":3257,"number":3260,"owner":3144,"repository":3144,"state":3200,"title":3261,"updated_at":3262,"url":3263,"score":3264},"### 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_",[3258,3259],{"name":3234,"color":3235},{"name":3170,"color":3171},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",3266],{},["Set"],["ShallowReactive",3269],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f5AdaO3lA1f_bkcY5zRTSGvBW5U-gUvVznc8utIB2rg0":-1},"/nuxt/icon/264"]