\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```",[2912,2913,2914],{"name":2866,"color":2867},{"name":2869,"color":2870},{"name":2872,"color":2873},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":2922,"labels":2923,"number":2928,"owner":2875,"repository":2876,"state":2916,"title":2929,"updated_at":2930,"url":2931,"score":2932},"### 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",[2924,2927],{"name":2925,"color":2926},"question","d876e3",{"name":2869,"color":2870},3193,"@apply - `Cannot apply unknown utility class`","2025-01-28T16:53:52Z","https://github.com/nuxt/ui/issues/3193",0.7854322,{"description":2934,"labels":2935,"number":2937,"owner":2875,"repository":2876,"state":2916,"title":2938,"updated_at":2939,"url":2940,"score":2941},"### 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```",[2936],{"name":2866,"color":2867},3085,"Style loss","2025-01-14T11:03:42Z","https://github.com/nuxt/ui/issues/3085",0.79077923,{"description":2943,"labels":2944,"number":2954,"owner":2875,"repository":2875,"state":2916,"title":2955,"updated_at":2956,"url":2957,"score":2958},"### 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).",[2945,2948,2951],{"name":2946,"color":2947},"enhancement","8DEF37",{"name":2949,"color":2950},"discussion","538de2",{"name":2952,"color":2953},"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":2960,"labels":2961,"number":2968,"owner":2875,"repository":2875,"state":2916,"title":2969,"updated_at":2970,"url":2971,"score":2972},"### 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",[2962,2963,2966,2967],{"name":2952,"color":2953},{"name":2964,"color":2965},"workaround available","11376d",{"name":2889,"color":2890},{"name":2892,"color":2893},19160,"Uploading big files","2024-05-12T07:31:49Z","https://github.com/nuxt/nuxt/issues/19160",0.801825,{"description":2974,"labels":2975,"number":2978,"owner":2875,"repository":2875,"state":2916,"title":2979,"updated_at":2980,"url":2981,"score":2982},"### 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_",[2976,2977],{"name":2952,"color":2953},{"name":2886,"color":2887},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,{"labels":2984,"number":2991,"owner":2875,"repository":2875,"state":2916,"title":2992,"updated_at":2993,"url":2994,"score":2995},[2985,2988],{"name":2986,"color":2987},"2.x","d4c5f9",{"name":2989,"color":2990},"needs reproduction","FBCA04",9511,"RangeError: Maximum call stack size exceeded","2023-01-21T23:09:47Z","https://github.com/nuxt/nuxt/issues/9511",0.8053142,["Reactive",2997],{},["Set"],["ShallowReactive",3000],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f5AdaO3lA1f_bkcY5zRTSGvBW5U-gUvVznc8utIB2rg0":-1},"/nuxt/icon/264"]