\n\n```\n\u003Cdiv class=\"space-y-2\">\n \u003Cu-card variant=\"solid\" :ui=\"{ body: 'text-white' }\">Solid\u003C/u-card>\n\n \u003Cu-card variant=\"outline\">Outline\u003C/u-card>\n\n \u003Cu-card variant=\"soft\">Soft\u003C/u-card>\n\n \u003Cu-card variant=\"subtle\">Subtle\u003C/u-card>\n\n \u003Cu-card variant=\"ghost\">Ghost\u003C/u-card>\n \u003C/div>\n\n \u003Cdiv class=\"space-y-2\">\n \u003Cu-alert variant=\"solid\">\u003Ctemplate #title>Solid\u003C/template>\u003C/u-alert>\n\n \u003Cu-alert variant=\"outline\">\u003Ctemplate #title>Outline\u003C/template>\u003C/u-alert>\n\n \u003Cu-alert variant=\"soft\">\u003Ctemplate #title>Soft\u003C/template>\u003C/u-alert>\n\n \u003Cu-alert variant=\"subtle\">\u003Ctemplate #title>Subtle\u003C/template>\u003C/u-alert>\n\n \u003Cu-alert variant=\"ghost\">\u003Ctemplate #title>Ghost\u003C/template>\u003C/u-alert>\n \u003C/div>\n```\n\nBut they throw TypeScript errors. I also see that they are not present in the docs. Is this intended or not? If so, I'd expect to have these mentioned in the docs, with the default options exposed in the `app.config.ts` template, so that they can be easily overridden if needed.\n\nAI agents in particular tend to detect these errors and try to fix them while being instructed to do other things, wasting time, tokens and possibly messing up the code.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3169,3170,3171],{"name":3140,"color":3141},{"name":3158,"color":3159},{"name":3143,"color":3144},4778,"closed","On some elements, variant=\"ghost\" throws TypeScript errors even though they work fine","2025-08-19T09:23:17Z","https://github.com/nuxt/ui/issues/4778",0.62680143,{"description":3179,"labels":3180,"number":3184,"owner":3146,"repository":3147,"state":3173,"title":3185,"updated_at":3186,"url":3187,"score":3188},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.13.1\n- Nuxt Version: 3.16.0\n- CLI Version: 3.23.0\n- Nitro Version: 2.11.6\n- Package Manager: npm@11.1.0\n- Builder: -\n- User Config: app, build, colorMode, compatibilityDate, debug, devtools, future, hooks, i18n, icon, imports, modules, nitro, routeRules, runtimeConfig, security, ssr, sourcemap, css, telemetry, vite\n- Runtime Modules: @nuxt/eslint@1.2.0, @pinia/nuxt@0.10.1, @vueuse/nuxt@13.0.0, @nuxtjs/i18n@9.3.1, nuxt-security@2.2.0, @nuxt/ui@3.0.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/wonderful-violet-jrsqy9\n\n### Description\n\nI get a type error when using an array of strings for the `variant` key inside of `compoundVariants´:\n\n```ts\nexport default defineAppConfig({\n ui: {\n colors: {\n primary: \"green\",\n neutral: \"slate\",\n },\n select: {\n compoundVariants: [\n {\n color: \"primary\",\n variant: [\"outline\", \"subtle\"],\n class: \"data-[state='open']:ring\",\n },\n ],\n },\n },\n});\n```\n\n```\napp/app.config.ts:11:11 - error TS2322: Type 'string[]' is not assignable to type 'string'.\n\n11 variant: [\"outline\", \"subtle\"],\n ~~~~~~~\n```\n\nIt does work tho, so its only a type issue I think.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3181,3182,3183],{"name":3140,"color":3141},{"name":3158,"color":3159},{"name":3143,"color":3144},3579,"Type error in app config `compoundVariants`","2025-05-02T15:06:25Z","https://github.com/nuxt/ui/issues/3579",0.64072764,{"labels":3190,"number":3203,"owner":3146,"repository":3146,"state":3173,"title":3204,"updated_at":3205,"url":3206,"score":3207},[3191,3194,3197,3200],{"name":3192,"color":3193},"3.x","29bc7f",{"name":3195,"color":3196},"pending triage","E99695",{"name":3198,"color":3199},"needs reproduction","FBCA04",{"name":3201,"color":3202},"layers","006B75",25230,"Wrong tsconfig when operating in monorepo","2024-05-24T14:00:23Z","https://github.com/nuxt/nuxt/issues/25230",0.64405733,{"description":3209,"labels":3210,"number":3217,"owner":3146,"repository":3146,"state":3173,"title":3218,"updated_at":3219,"url":3220,"score":3221},"### Environment\n\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v18.16.1\r\n- Nuxt Version: 3.6.1\r\n- Nitro Version: 2.5.1\r\n- Package Manager: yarn@3.5.1\r\n- Builder: vite\r\n- User Config: extends, debug, ssr, routeRules, experimental, runtimeConfig, typescript, css, i18n, modules, alias, vite\r\n- Runtime Modules: nuxt-icon@^0.4.1, @nuxtjs/i18n@8.0.0-beta.12, @vueuse/nuxt@10.2.0, @nuxt/devtools@0.6.3, @nuxtjs/eslint-module@^4.1.0, nuxt-vitest@^0.8.5\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nAdd the nuxt-icon module with typecheck enabled.\n\n### Describe the bug\n\nEssentially a regression on: https://github.com/nuxt/nuxt/pull/20526.\r\n\r\nAs noted here: https://github.com/nuxt-modules/icon/issues/86.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3211,3214,3215,3216],{"name":3212,"color":3213},"types","2875C3",{"name":3192,"color":3193},{"name":3195,"color":3196},{"name":3198,"color":3199},21816,"Nuxt `3.6.1` introduces a regression on `AppConfig` types:","2023-09-13T13:03:57Z","https://github.com/nuxt/nuxt/issues/21816",0.64461255,{"description":3223,"labels":3224,"number":3231,"owner":3146,"repository":3146,"state":3173,"title":3232,"updated_at":3233,"url":3234,"score":3235},"### Environment\n\n------------------------------\r\n- Operating System: Darwin\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: yarn@1.22.21\r\n- Builder: -\r\n- User Config: ssr, app, nitro, runtimeConfig, devtools, css, modules, typescript, postcss, colorMode\r\n- Runtime Modules: nuxt-svgo@4.0.0, @vueuse/nuxt@10.7.2, @samk-dev/nuxt-vcalendar@1.0.2, dayjs-nuxt@2.1.9, @pinia/nuxt@0.5.1, @nuxt/image@1.3.0, @nuxtjs/device@3.1.1, @nuxtjs/color-mode@3.3.2, nuxt-swiper@1.2.2\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nTo reproduce you will need this configuration:\r\n{\r\n \"name\": \"nuxt-app\",\r\n \"private\": true,\r\n \"type\": \"module\",\r\n \"scripts\": {\r\n \"build\": \"nuxt build\",\r\n \"dev\": \"nuxt dev\",\r\n \"generate\": \"nuxt generate\",\r\n \"preview\": \"nuxt preview\",\r\n \"postinstall\": \"nuxt prepare\",\r\n \"lint\": \"eslint .\",\r\n \"lint:fix\": \"eslint . --fix\"\r\n },\r\n \"devDependencies\": {\r\n \"@nuxt/eslint-config\": \"^0.2.0\",\r\n \"@nuxtjs/color-mode\": \"^3.3.2\",\r\n \"@nuxtjs/device\": \"^3.1.1\",\r\n \"@samk-dev/nuxt-vcalendar\": \"^1.0.2\",\r\n \"@vueuse/core\": \"^10.7.2\",\r\n \"@vueuse/nuxt\": \"^10.7.2\",\r\n \"add\": \"^2.0.6\",\r\n \"autoprefixer\": \"^10.4.17\",\r\n \"dayjs-nuxt\": \"^2.1.9\",\r\n \"eslint\": \"^8.56.0\",\r\n \"nuxt\": \"^3.11.2\",\r\n \"nuxt-svgo\": \"^4.0.0\",\r\n \"postcss\": \"^8.4.33\",\r\n \"sass\": \"^1.70.0\",\r\n \"tailwindcss\": \"^3.4.1\",\r\n \"typescript\": \"^5.4.4\",\r\n \"vue\": \"^3.4.21\",\r\n \"vue-router\": \"^4.2.5\",\r\n \"vue-tsc\": \"^1.8.27\",\r\n \"yarn\": \"^1.22.21\"\r\n },\r\n \"dependencies\": {\r\n \"@nuxt/image\": \"^1.3.0\",\r\n \"@pinia/nuxt\": \"^0.5.1\",\r\n \"@types/crypto-js\": \"^4.2.2\",\r\n \"@types/memory-cache\": \"^0.2.5\",\r\n \"@vueuse/integrations\": \"^10.7.2\",\r\n \"animate.css\": \"^4.1.1\",\r\n \"crypto-js\": \"^4.2.0\",\r\n \"defu\": \"^6.1.4\",\r\n \"memory-cache\": \"^0.2.0\",\r\n \"nuxt-swiper\": \"^1.2.2\",\r\n \"pinia\": \"^2.1.7\",\r\n \"ufo\": \"^1.5.3\",\r\n \"universal-cookie\": \"^7.0.1\"\r\n }\r\n}\r\n\r\nI am using Webstorm\n\n### Describe the bug\n\nI have this code to make POST request to server:\r\nconst publications = await $fetch\u003CPublicationsResponse>('/v1/publication/search?limit=10&page=1', {\r\n method: 'POST',\r\n body: {\r\n \"categories\": [\r\n {\r\n \"id\": props.categoryId\r\n }\r\n ]\r\n }\r\n})\r\n\r\nI am getting this error:\r\n\r\n\r\nIts only disappears, when I am removing method: 'POST', but I need to make Post request.\r\nWhat can be wrong?\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3225,3226,3227,3228],{"name":3192,"color":3193},{"name":3195,"color":3196},{"name":3198,"color":3199},{"name":3229,"color":3230},"closed-by-bot","ededed",26650,"Types issue in $fetch","2024-04-13T01:42:05Z","https://github.com/nuxt/nuxt/issues/26650",0.6463033,{"description":3237,"labels":3238,"number":3244,"owner":3146,"repository":3147,"state":3173,"title":3245,"updated_at":3246,"url":3247,"score":3248},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.9.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.8.3\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@2.19.2, nuxt-svgo@4.0.9, @pinia/nuxt@0.9.0, pinia-plugin-persistedstate/nuxt, @nuxtjs/i18n@9.1.0, nuxt-jsonld@2.1.0, @nuxtjs/robots@5.0.0, nuxt-gtag@3.0.2, @sentry/nuxt/module@8.42.0, nuxt-time@1.0.3, @nuxt/eslint@0.7.2\n- Build Modules: -\n\n\n### Version\n\nv2.19.2\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-ncxoznzw\n\n### Description\n\nIf you define your own color for tailwinds, and attempt to use it on a UButton component with the link variant, it will not work and give the following error:\n\n```\n500\nvariant?.replaceAll is not a function\n\nat ComputedRefImpl.fn (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@nuxt+ui@2.19.2_vite@6.0.3_vue@3.5.13/node_modules/@nuxt/ui/dist/runtime/components/elements/Button.js:142:18)\nat refreshComputed (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@vue+reactivity@3.5.13/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js?v=177a248a:353:29)\nat get value (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@vue+reactivity@3.5.13/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js?v=177a248a:1558:5)\nat unref (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@vue+reactivity@3.5.13/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js?v=177a248a:1431:29)\nat Object.get (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@vue+reactivity@3.5.13/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js?v=177a248a:1437:64)\nat Object.get (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@vue+runtime-core@3.5.13/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js?v=177a248a:3099:26)\nat Proxy._sfc_render (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@nuxt+ui@2.19.2_vite@6.0.3_vue@3.5.13/node_modules/@nuxt/ui/dist/runtime/components/elements/Button.js:199:17)\nat renderComponentRoot (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@vue+runtime-core@3.5.13/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js?v=177a248a:6521:16)\nat hydrateSubTree (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@vue+runtime-core@3.5.13/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js?v=177a248a:5309:32)\nat ReactiveEffect.componentUpdateFn [as fn] (https://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io/_nuxt/node_modules/.pnpm/@vue+runtime-core@3.5.13/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js?v=177a248a:5334:13)\n```\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3239,3240,3241,3242],{"name":3140,"color":3141},{"name":3143,"color":3144},{"name":3229,"color":3230},{"name":3243,"color":3230},"stale",2860,"[UButton] Using a custom color on the link variant causes an error","2025-06-18T09:05:19Z","https://github.com/nuxt/ui/issues/2860",0.64686376,{"description":3250,"labels":3251,"number":3256,"owner":3146,"repository":3147,"state":3173,"title":3257,"updated_at":3258,"url":3259,"score":3260},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.13.1\n- Nuxt Version: 3.16.1\n- CLI Version: 3.23.1\n- Nitro Version: 2.11.8\n- Package Manager: yarn@4.8.1\n- Builder: -\n- User Config: compatibilityDate, imports, components, devtools, modules, css, fonts, ui\n- Runtime Modules: @nuxt/eslint@1.2.0, @nuxt/fonts@0.11.0, @nuxt/image@1.10.0, @nuxt/test-utils@3.17.2, @nuxt/ui@3.0.2\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.2\n\n### Reproduction\n\nhttps://github.com/nuxt/ui/blob/v3/src/theme/button.ts\n\n### Description\n\nI want to customize a button variant by `size`, `trailing` and `square` params. It works, but the types are broken.\n\nThe line in the `compoundVariants`:\n`{ size: 'md', trailing: true, square: false, class: { trailingIcon: '-mr-1' } }`\n\nErrors:\n`Type '{ trailingIcon: string; }' is not assignable to type 'string'`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3252,3253,3254,3255],{"name":3140,"color":3141},{"name":3158,"color":3159},{"name":3143,"color":3144},{"name":3243,"color":3230},3738,"Incorrect compound button variants types","2025-08-12T11:07:19Z","https://github.com/nuxt/ui/issues/3738",0.6478094,{"labels":3262,"number":3266,"owner":3146,"repository":3146,"state":3173,"title":3267,"updated_at":3268,"url":3269,"score":3270},[3263,3264,3265],{"name":3192,"color":3193},{"name":3195,"color":3196},{"name":3198,"color":3199},23460,"TS Typing issue.","2023-10-20T22:22:28Z","https://github.com/nuxt/nuxt/issues/23460",0.6515433,["Reactive",3272],{},["Set"],["ShallowReactive",3275],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fRFaKkMMjZ5R_FtoKB2I8Ji-wAgOrO5FtGlB5nETJur0":-1},"/nuxt/ui/4046"]