\n \u003C/template>\n\n \u003Ccomponent\n v-if=\"resolvedComponent\"\n :is=\"resolvedComponent\"\n :field=\"field\"\n :fieldName=\"fieldName\"\n :state=\"state\"\n />\n\n \u003Ctemplate v-if=\"helpContent\" #help>\n \u003Cspan v-html=\"cleanHTML(helpContent)\" />\n \u003C/template>\n \u003C/UFormField>\n```\n\n ```\n \u003CURadioGroup\n v-model=\"state[fieldName]\"\n :items=\"transformOptions(field['#options'] || {})\"\n orientation=\"horizontal\"\n class=\"w-full\"\n />\n```\n\n```\n \u003CUSelect\n v-model=\"state[fieldName]\"\n placeholder=\"Select\"\n :items=\"transformOptions(field['#options'] || {})\"\n class=\"w-full\"\n />\n\n```\nHowever when using a UCheckbox label and description have to be set here\n\n```\n \u003CUCheckbox\n v-model=\"checkboxValue\"\n :label=\"field['#title']\"\n :description=\"field['#description']\"\n class=\"w-full\"\n @update:model-value=\"props.state[fieldName] = $event\"\n />\n```\n\nSeems like this is a bug or maybe this is by design?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2933,2934],{"name":2905,"color":2906},{"name":2908,"color":2909},3294,"UCheckbox fieldform support","2025-02-12T19:23:36Z","https://github.com/nuxt/ui/issues/3294",0.64486074,{"description":2941,"labels":2942,"number":2943,"owner":2911,"repository":2944,"state":2925,"title":2945,"updated_at":2946,"url":2947,"score":2948},"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.64564914,{"description":2950,"labels":2951,"number":2956,"owner":2911,"repository":2912,"state":2925,"title":2957,"updated_at":2958,"url":2959,"score":2960},"### Description\n\nIt's shorter and can save traffic.\n\n### Additional context\n\n_No response_",[2952,2955],{"name":2953,"color":2954},"enhancement","a2eeef",{"name":2908,"color":2909},3250,"Use `foo-(--bar)` instead of `foo-[var(--bar)]` for tailwindcss classes","2025-02-07T10:24:17Z","https://github.com/nuxt/ui/issues/3250",0.6555257,{"description":2962,"labels":2963,"number":2968,"owner":2911,"repository":2912,"state":2925,"title":2969,"updated_at":2970,"url":2971,"score":2972},"### Environment\n\n- OS : Windows 11\n- Node : 20.14.0 \n- Nuxt: lastest\n- Nuxt prisma : lastest\n\n### Version\n\n2.19.1\n\n### Reproduction\n\ninit lastest nuxt 3\nadd nuxt prisma module\nadd nuxt ui module\n\n` ERROR RollupError: node_modules/@prisma/nuxt/dist/runtime/server/utils/prisma.d.ts (2:8): Expected ';', '}' or \u003Ceof> (Note that you need plugins to import files that are not JavaScript) nitro 21:27:12 \n\n\n1: import { PrismaClient } from \"@prisma/client\";\n2: declare const prismaClientSingleton: () => PrismaClient\u003Cimport(\".prisma/client\").Prisma.PrismaClientOptions, never, i...\n ^\n3: declare const prisma: PrismaClient\u003Cimport(\".prisma/client\").Prisma.PrismaClientOptions, never, import(\"@prisma/client...\n4: export type CustomPrismaClient = ReturnType\u003Ctypeof prismaClientSingleton>;`\n\n### Description\n\nwhen remove `'@nuxt/ui'` from modules: [''] in nuxt.config.ts it's work can use npm run dev\nbut if add `'@nuxt/ui'` it''s error\n\n` ERROR RollupError: node_modules/@prisma/nuxt/dist/runtime/server/utils/prisma.d.ts (2:8): Expected ';', '}' or \u003Ceof> (Note that you need plugins to import files that are not JavaScript) nitro 21:27:12 \n\n\n1: import { PrismaClient } from \"@prisma/client\";\n2: declare const prismaClientSingleton: () => PrismaClient\u003Cimport(\".prisma/client\").Prisma.PrismaClientOptions, never, i...\n ^\n3: declare const prisma: PrismaClient\u003Cimport(\".prisma/client\").Prisma.PrismaClientOptions, never, import(\"@prisma/client...\n4: export type CustomPrismaClient = ReturnType\u003Ctypeof prismaClientSingleton>;`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2964,2965],{"name":2922,"color":2923},{"name":2966,"color":2967},"duplicate","cfd3d7",2813,"nuxt/ui conflict with nuxt/prisma","2024-12-04T08:33:58Z","https://github.com/nuxt/ui/issues/2813",0.656153,{"description":2974,"labels":2975,"number":2981,"owner":2911,"repository":2912,"state":2925,"title":2982,"updated_at":2983,"url":2984,"score":2985},"### Environment\n\n- Operating System: Linux\r\n- Node Version: v20.17.0\r\n- Nuxt Version: 3.12.4\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: pnpm@9.10.0\r\n- Builder: -\r\n- User Config: extends, modules, ui, colorMode, routeRules, devtools, typescript, future, eslint, runtimeConfig, compatibilityDate\r\n- Runtime Modules: @nuxt/eslint@0.5.1, @nuxt/fonts@0.7.2, @nuxt/ui@2.18.4, @vueuse/nuxt@10.11.1\r\n- Build Modules: -\n\n### Version\n\n2.18.4\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-9zrfga?file=app.vue\r\n\n\n### Description\n\nHi everyone.\r\nI truly appreciate your work. Many many thanks!!\r\nI'm starting a new project, my first project with \"nuxt\" and \"nuxt ui+pro\" (I liked the dashboard theme).\r\nMaybe I'm doing something wrong, in this case please help me.\r\nOtherwise I think I found an error in the theme of the UDashboardModal component.\r\n\r\nThe background of UDashboardModal does not follow the length of its content in \"mobile view\" (small devide, in this example 400x616).\r\n\r\n\r\n\r\nIn desktop viewport work as expected.\r\n\r\n\r\n\r\nWhat's do you think?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2976,2977,2978],{"name":2922,"color":2923},{"name":2966,"color":2967},{"name":2979,"color":2980},"pro","5BD3CB",2220,"Issue Nuxt UI Pro UDashboardModal background ","2024-10-06T18:00:50Z","https://github.com/nuxt/ui/issues/2220",0.6579709,{"description":2987,"labels":2988,"number":2991,"owner":2911,"repository":2912,"state":2925,"title":2992,"updated_at":2993,"url":2994,"score":2995},"### Description\n\ni noticed that NUXT UI / NUXT UI PRO were refactored to use tailwind's new version 3 stuff + radix...\n\ni just went to the tailwind docs today and it looks like they just skipped right past their new version 3 and went to version 4...\n\nany ideas how this effects NUXT UI/PRO? \n\nMy undersanding is that version 3->4 means it was a semver breaking change?",[2989,2990],{"name":2905,"color":2906},{"name":2908,"color":2909},3167,"tailwind version 4..?","2025-01-24T10:17:32Z","https://github.com/nuxt/ui/issues/3167",0.6595318,{"description":2997,"labels":2998,"number":3001,"owner":2911,"repository":2912,"state":2925,"title":3002,"updated_at":3003,"url":3004,"score":3005},"### Description\n\nBefore using `nuxt ui`, I briefly skimmed through the repository and found an already closed issue: [3018](https://github.com/nuxt/ui/issues/3018)\n\nThe error and solution mentioned in this issue (the [v2 documentation](https://ui.nuxt.com/getting-started/installation) indeed did not mention the solution) can actually be resolved by adding `tailwindcss@next` to the `peerDependencies` section in the `package.json` file.\n\nThis is because when [nuxi module add](https://github.com/nuxt/cli/blob/1afc06e8d08ea781fc5fede343de8d68865c2b4e/packages/nuxi/src/commands/module/add.ts#L134) installs a module, it not only installs the module itself but also scans the module package's `peerDependencies`.\n\nFor example, when using `nuxi module add pinia`, since `@pinia/nuxt` has `pinia` listed in its `peerDependencies` in the [package.json](https://github.com/vuejs/pinia/blob/3b21e08b6a068d18112b915b83f702fb5504ab73/packages/nuxt/package.json#L51C4-L51C20), both `@pinia/nuxt` and `pinia` will be automatically installed during the module installation.\n\nIf there are dependencies in `peerDependencies` that you do not want `nuxi module` to install automatically, you can use `peerDependenciesMeta` to ignore them, for [example](https://github.com/atinux/nuxt-auth-utils/blob/6b61b8888e3b3c6f60fd5ff767b7f0aa6cf09fc9/package.json#L57):\n\n```\n\"peerDependenciesMeta\": {\n \"pinia\": {\n \"optional\": true\n }\n },\n```\n\nTherefore, Nuxt UI can specify `tailwindcss@next` in the `peerDependencies` of `package.json`, ensuring Tailwind CSS is automatically installed when the Nuxt UI module is installed.\n\nThis solution applies to both v3 and v2.\n\n> PS: I noticed `typescript` in the `peerDependencies` of the v3 package.json. Is this a necessary dependency similar to `tailwindcss`? If not, after adding tailwindcss, perhaps `peerDependenciesMeta` could be used to ignore it.",[2999,3000],{"name":2905,"color":2906},{"name":2908,"color":2909},3349,"Add \"tailwindcss@next\" to the \"peerDependencies\" section in the package.json file.","2025-02-21T17:05:10Z","https://github.com/nuxt/ui/issues/3349",0.65955913,{"description":3007,"labels":3008,"number":3011,"owner":2911,"repository":2912,"state":2925,"title":3012,"updated_at":3013,"url":3014,"score":3015},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v20.16.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.22.1\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.8.1\n- Builder: -\n- User Config: devtools, compatibilityDate, modules, app, css, colorMode, svgSprite, future, imports, runtimeConfig, ssr\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.13, @nuxt/eslint@1.1.0, @nuxt/icon@1.10.3, @nuxtjs/svg-sprite@1.0.2, @nuxt/image@1.9.0, @vueuse/nuxt@12.7.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.13\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/stupefied-roentgen-y6tdsd\n\n### Description\n\n### Help Nuxt ui 3 table not reactive\n\nWhen I click the button, the table doesn't update. However, when I print the array object, the data is added, but the table still does not update\n\nhttps://codesandbox.io/p/devbox/stupefied-roentgen-y6tdsd\n\nThank you for help\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3009,3010],{"name":2922,"color":2923},{"name":2908,"color":2909},3377,"UI Table is not reactive","2025-02-27T21:19:42Z","https://github.com/nuxt/ui/issues/3377",0.664996,["Reactive",3017],{},["Set"],["ShallowReactive",3020],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fin52Yn_Pgcn01NycoqvgT2-3qla6DAB4IJXzogFEapw":-1},"/nuxt/ui/2738"]