\n \u003C/div>\n \u003C/div>\n\u003C/template>\n```\n\n\u003C/details>\n\n### Description\n\nPassing for example `readonly` parameter to `UInput` works at runtime and does not emit any type errors with `strictTemplates` turned off, but with it turned on it throws a type error, saying that `readonly` cannot be passed to `UInput`:\n```\napp/pages/index.vue:8:40 - error TS2353: Object literal may only specify known properties, and 'readonly' does not exist in type '{ readonly onBlur?: ((event: FocusEvent) => any) | undefined; readonly onChange?: ((event: Event) => any) | undefined; readonly \"onUpdate:modelValue\"?: ((value: \"Test value\") => any) | undefined; ... 26 more ...; loadingIcon?: string | undefined; } & VNodeProps & AllowedComponentProps & ComponentCustomProps'.\n\n8 \u003CUInput model-value=\"Test value\" readonly />\n ~~~~~~~~\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3153,3156,3159],{"name":3154,"color":3155},"bug","d73a4a",{"name":3157,"color":3158},"v3","49DCB8",{"name":3160,"color":3161},"p3-low","0E8A16",4977,"nuxt","ui","open","Unable to pass native HTML element parameters when `strictTemplates` is `true`","2025-09-15T15:06:26Z","https://github.com/nuxt/ui/issues/4977",0.69504535,{"description":3171,"labels":3172,"number":3180,"owner":3163,"repository":3164,"state":3181,"title":3182,"updated_at":3183,"url":3184,"score":3185},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nWhen validating an object, a FormGroup does not display validations of specific properties (at least not with details).\n\nWould it make sense for the name `myobj` to display errors from anything that looks like `myobj\\..*` ? it could show all of them, each on a newline.\n\n### Additional context\n\nhttps://github.com/nuxt/ui/issues/1898",[3173,3176,3179],{"name":3174,"color":3175},"enhancement","a2eeef",{"name":3177,"color":3178},"wontfix-v2","ffffff",{"name":3157,"color":3158},2569,"closed","Display zod validation errors based on prefix","2024-11-11T18:28:09Z","https://github.com/nuxt/ui/issues/2569",0.6583716,{"description":3187,"labels":3188,"number":3190,"owner":3163,"repository":3164,"state":3181,"title":3191,"updated_at":3192,"url":3193,"score":3194},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nThe config of the divider component allows to define types:\n\n```\ntype: {\n solid: 'border-solid',\n dotted: 'border-dotted',\n dashed: 'border-dashed',\n},\n```\n\nHowever, the solid type is set by default and can only be changed per Divider component, not globally via config. It would be great to be able to set a custom default type like so:\n\n```\ndefault: {\n border: {\n type: 'dotted',\n },\n},\n```\n\n### Additional context\n\n_No response_",[3189],{"name":3174,"color":3175},2398,"Define default type for Divider","2024-10-19T12:19:23Z","https://github.com/nuxt/ui/issues/2398",0.66703165,{"description":3196,"labels":3197,"number":3198,"owner":3163,"repository":3199,"state":3181,"title":3200,"updated_at":3201,"url":3202,"score":3203},"After using `pnpm update` to upgrade vue to 3.4.3, the console throws a lot of `Hydration mismatch`. If I am using vue 3.3.13, no `Hydration mismatch` warnings will be thrown.\r\n\r\n\u003Cimg width=\"1402\" alt=\"SCR-20240103-qagg\" src=\"https://github.com/nuxt/nuxt.com/assets/133459587/188ac1c4-e19a-4570-a5d0-4863c92a7bda\">\r\n",[],1467,"nuxt.com","About vue@3.4.3 causing hydration mismatch","2024-05-03T00:34:36Z","https://github.com/nuxt/nuxt.com/issues/1467",0.6749398,{"description":3205,"labels":3206,"number":3208,"owner":3163,"repository":3164,"state":3181,"title":3209,"updated_at":3210,"url":3211,"score":3212},"### Environment\n\nNuxt project info: 12:26:48 PM\r\n\r\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v20.16.0\r\n- Nuxt Version: 3.12.4\r\n- CLI Version: 3.13.1\r\n- Nitro Version: 2.9.7\r\n- Package Manager: pnpm@9.9.0\r\n- Builder: -\r\n- User Config: devtools, ssr, typescript, imports, modules, svgo, mongoose, i18n, compatibilityDate\r\n- Runtime Modules: @nuxt/test-utils/module@3.14.1, nuxt-mongoose@1.0.6, @pinia/nuxt@0.5.4, @nuxt/ui@2.18.4, @nuxtjs/i18n@8.5.2, nuxt-svgo@4.0.5\r\n- Build Modules: -\r\n------------------------------\n\n### Version\n\nv2.18.4\n\n### Reproduction\n\nthe online address: https://nano-portfolio-ruby.vercel.app/\r\nthe repo: https://github.com/gaomingzhao666/nano-portfolio\n\n### Description\n\nHey, I don't install `nuxt-icon` module and I can use icons directly in `nuxt-ui`, because I think the `nuxt-ui` already integrated `nuxt-icon` module.\r\n\r\nThe problem is: that the icon is empty when users first enter the page that shows icons, and when I turn off the computer and open it in next day, the bug is reproduced.\r\n\r\nI think the server cache is not working properly, should I install `nuxt-icon` module manually or it's just a bug to `nuxt-ui`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3207],{"name":3154,"color":3155},2195,"the `icon` component that integrated in `nuxt-ui` by default is not shown at first loading","2024-09-27T04:02:26Z","https://github.com/nuxt/ui/issues/2195",0.68230075,{"description":3214,"labels":3215,"number":3220,"owner":3163,"repository":3164,"state":3181,"title":3221,"updated_at":3222,"url":3223,"score":3224},"### Description\n\nI have not been able to apply a custom brand color to a nuxt ui 3 site using the documentation.\n\nWhat am I doing wrong?\n\nhttps://codesandbox.io/p/devbox/focused-haze-63jcfx ",[3216,3219],{"name":3217,"color":3218},"question","d876e3",{"name":3157,"color":3158},3565,"Custom brand color","2025-03-14T13:18:33Z","https://github.com/nuxt/ui/issues/3565",0.6829849,{"description":3226,"labels":3227,"number":3236,"owner":3163,"repository":3164,"state":3181,"title":3237,"updated_at":3238,"url":3239,"score":3240},"### Environment\n\n- Operating System: Linux\r\n- Node Version: v20.15.1\r\n- Nuxt Version: 3.13.0\r\n- CLI Version: 3.13.1\r\n- Nitro Version: 2.9.7\r\n- Package Manager: bun@1.1.27\r\n- Builder: -\r\n- User Config: devtools, extends, modules, ui\r\n- Runtime Modules: @nuxt/ui@2.18.4\r\n- Build Modules: -\n\n### Version\n\nv2.18.4\n\n### Reproduction\n\n-\n\n### Description\n\n```\r\nType '{ class: string; label: string; onClick: () => void; }' is not assignable to type 'IntrinsicAttributes & Partial\u003C{ size: ButtonSize; type: string; replace: boolean; class: any; truncate: boolean; target: \"_blank\" | \"_parent\" | \"_self\" | \"_top\" | (string & {}); ... 25 more ...; trailing: boolean; }> & Omit\u003C...>'.\r\n Property 'onClick' does not exist on type 'IntrinsicAttributes & Partial\u003C{ size: ButtonSize; type: string; replace: boolean; class: any; truncate: boolean; target: \"_blank\" | \"_parent\" | \"_self\" | \"_top\" | (string & {}); ... 25 more ...; trailing: boolean; }> & Omit\u003C...>'.\r\n```\n\n### Additional context\n\nEmits like `@click` are not defined in the `UButton` component.\n\n### Logs\n\n_No response_",[3228,3229,3231,3234],{"name":3154,"color":3155},{"name":3230,"color":3178},"triage",{"name":3232,"color":3233},"closed-by-bot","ededed",{"name":3235,"color":3233},"stale",2103,"`UButton` emits","2025-06-18T09:06:14Z","https://github.com/nuxt/ui/issues/2103",0.6842007,{"description":3242,"labels":3243,"number":3256,"owner":3163,"repository":3163,"state":3181,"title":3257,"updated_at":3258,"url":3259,"score":3260},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v18.16.0\n- Nuxt Version: 3.4.3\n- Nitro Version: 2.4.0\n- Package Manager: pnpm@8.5.0\n- Builder: vite\n- User Config: experimental, modules, colorMode\n- Runtime Modules: @unocss/nuxt@0.51.12, @vueuse/nuxt@10.1.2, nuxt-icon@0.4.0, nuxt-swiper@1.1.0, @nuxt/devtools@0.4.6, @nuxt/image-edge@1.0.0-28020728.5df24eb, @nuxtjs/color-mode@3.2.0\n- Build Modules: -\n\n### Reproduction\n\n\n\nThis error doesn't seem to be reproducible on Stackblitz so I have included a [github repo](https://github.com/tobychidi/nuxt-utils-import-error)\n\n### Describe the bug\n\nWhen functions are auto-imported from utils/ composables and used in Vue SFC Template, VsCode throws and error. Yes, I use the latest volar. This error appeared after `pnpm up` That bumped my Vue version to 3.3.1.\n\nI have not tried reverting Vue versions though. \n\n### Additional context\n\nExample: \n```\nProperty 'useShowSnack' does not exist on type '{ $: ComponentInternalInstance; $data: {}; $props: { key?: string | number | symbol | undefined; ref?: VNodeRef | undefined; ref_for?: boolean | undefined; ... 8 more ...; style?: unknown; }; ... 10 more ...; $watch\u003CT extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (arg...'.ts(2339)\n```\n\n_No response_\n\n### Logs\n\n_No response_",[3244,3247,3250,3253],{"name":3245,"color":3246},"3.x","29bc7f",{"name":3248,"color":3249},"workaround available","11376d",{"name":3251,"color":3252},"upstream","E8A36D",{"name":3254,"color":3255},"upstream-bug","B60205",20827,"TS Error with auto-imports from composables and utils in Vue Template after 3.3","2024-11-07T20:13:37Z","https://github.com/nuxt/nuxt/issues/20827",0.6870773,{"description":3262,"labels":3263,"number":3266,"owner":3163,"repository":3164,"state":3181,"title":3267,"updated_at":3268,"url":3269,"score":3270},"### Description\n\nI want to configure my Nuxt UI v3 project only to use black and white colors with the neutral palette from Tailwind, similar to the one found in shadcn. I understand Nuxt UI supports Tailwind CSS theming, but I’m unsure of the best/recommended way to override all component colors globally",[3264,3265],{"name":3217,"color":3218},{"name":3157,"color":3158},3200,"How to create a black & white only theme in Nuxt UI v3","2025-02-09T12:59:38Z","https://github.com/nuxt/ui/issues/3200",0.68791735,{"description":3272,"labels":3273,"number":3279,"owner":3163,"repository":3164,"state":3181,"title":3280,"updated_at":3281,"url":3282,"score":3283},"### Environment\n\n- Operating System: Darwin\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@9.15.4\n- Builder: -\n- User Config: modules, devtools, app, css, runtimeConfig, future, compatibilityDate, telemetry, eslint\n- Runtime Modules: @nuxt/ui-pro@3.0.0, @nuxt/eslint@1.0.1, @vueuse/nuxt@12.5.0, @nuxt/image@1.9.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3\n\n### Reproduction\n\nSee below\n\n### Description\n\nHey,\n\nIn UI2 when placing a UAvatar (which often is done for a user dropdown) in the DropdownMenu - clicking the Dropdown menu would trigger opening the dropdown.\nBased on UI3 docs it seems that it should work since it says Button or any other element - however this doesnt work\n\n### Additional context\n\n```ts\n\u003CUDropdownMenu :items=\"accountItems\">\n \u003CUAvatar\n v-if=\"session && session.user\"\n :src=\"session.user.image ? session.user.image : undefined\"\n :alt=\"session.user.name\"\n size=\"md\"\n />\n\u003C/UDropdownMenu>\n```\n\n### Logs\n\n```shell-script\n\n```",[3274,3275,3278],{"name":3154,"color":3155},{"name":3276,"color":3277},"needs reproduction","CB47CF",{"name":3157,"color":3158},3546,"`UAvatar` doesn't trigger `UDropdownMenu`","2025-03-28T17:43:01Z","https://github.com/nuxt/ui/issues/3546",0.68907994,["Reactive",3285],{},["Set"],["ShallowReactive",3288],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fRx-RGhZz92nk65a--dPXR_jBxVI4_iUQMAubDK-Y9ao":-1},"/nuxt/ui/3432"]