\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```",[2960,2961],{"name":2903,"color":2904},{"name":2906,"color":2907},3294,"closed","UCheckbox fieldform support","2025-02-12T19:23:36Z","https://github.com/nuxt/ui/issues/3294",0.62638044,{"description":2969,"labels":2970,"number":2971,"owner":2909,"repository":2972,"state":2963,"title":2973,"updated_at":2974,"url":2975,"score":2976},"On the 'Enterprise Jobs' page, location badges were closely together on mobile screens. I removed the `mr-3` class from the badge element and placed the badges inside a parent `\u003Cdiv>` with the classes` flex`, `flex-wrap`, and `gap-3` Now it won't stick together and will look good on mobile devices.\r\n\r\n| **BEFORE** | **AFTER** | \r\n|-------- | ------ | \r\n|  |  |\r\n\r\n\r\n\r\n\n```[tasklist]\n### Tasks\n```\n",[],1403,"nuxt.com","Spacing issue with Location badges on 'Enterprise Jobs' page for mobile screens","2024-09-19T19:38:43Z","https://github.com/nuxt/nuxt.com/issues/1403",0.6275214,{"description":2978,"labels":2979,"number":2985,"owner":2909,"repository":2910,"state":2963,"title":2986,"updated_at":2987,"url":2988,"score":2989},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v18.20.5\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.8.2\n- Builder: -\n- User Config: default\n- Runtime Modules: nuxt-vuefire@1.0.4, @nuxt/ui@3.0.0-alpha.9\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.9\n\n### Reproduction\n\n\n\n\n\n```\n \u003CUTooltip :delay-duration=\"0\" :text=\"`R$ ${transactionCost.brl}`\">\n \u003CUIcon class=\"text-yellow-500 text-xs\" name=\"i-lucide-coins\" />\n \u003Cp class=\"text-neutral-200 text-xs\">\n {{ transactionCost.credits }}\n \u003C/p>\n\u003C/UTooltip>\n```\n\n``` \n\u003CNuxtLayout>\n \u003CUApp :toaster=\"{ position: 'top-right' }\">\n \u003CNuxtPage />\n \u003C/UApp>\n\u003C/NuxtLayout>\n```\n\n\n### Description\n\nThe `app.vue` is already using the `UApp`. When I try to add a `UTooltip` inside the modal, it throw an error.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```\nUncaught (in promise) Error: Injection `Symbol(TooltipProviderContext)` not found. Component must be used within `TooltipProvider`\n```",[2980,2981,2984],{"name":2946,"color":2947},{"name":2982,"color":2983},"needs reproduction","CB47CF",{"name":2906,"color":2907},2801,"[v3][UTooltip] `UTooltip` inside `UModal` causing error","2025-02-06T15:28:30Z","https://github.com/nuxt/ui/issues/2801",0.6279561,{"description":2991,"labels":2992,"number":2998,"owner":2909,"repository":2910,"state":2963,"title":2999,"updated_at":3000,"url":3001,"score":3002},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.18.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.16.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.12.3\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/image@1.8.1, @nuxt/content@2.13.4, @nuxthq/studio@1.1.2, @nuxt/ui-pro@3.0.0-alpha.10, @nuxtjs/plausible@1.2.0, @nuxtjs/seo@2.0.2, @vueuse/nuxt@12.0.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0.alpha10\n\n### Reproduction\n\nhttps://ui3.nuxt.dev/components/button#loading (example with `loading-auto`)\n\n### Description\n\nWhen using a `UIButton` component with an `@click` event, the cursor does not change to `cursor-pointer`, which may confuse users about the button's clickability.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2993,2994,2997],{"name":2946,"color":2947},{"name":2995,"color":2996},"duplicate","cfd3d7",{"name":2906,"color":2907},2940,"`cursor-pointer` is missing on `UButton` with an `@click` event","2025-04-02T09:37:12Z","https://github.com/nuxt/ui/issues/2940",0.63029486,{"description":3004,"labels":3005,"number":3008,"owner":2909,"repository":2909,"state":2963,"title":3009,"updated_at":3010,"url":3011,"score":3012},"Although it can be used, there are warnings. Why? Can't I keep using useFetch?\r\n\r\n\r\n\r\n\r\n```\r\nimport type {UseFetchOptions} from \"#app\";\r\nimport type {Ref} from \"vue\";\r\nimport type {SearchParameters} from \"ofetch\";\r\n\r\nconst request = async \u003CT = any>(url: any, options: any) => {\r\n const config = useRuntimeConfig();\r\n //设置url\r\n options.baseURL=config.public.apiBase\r\n let token = useCookie(\"manageToken\")\r\n let customHeaders: { \"Content-Type\": string, Authorization?: string } = {\"Content-Type\": \"application/json\"}\r\n const res=await useFetch\u003CT>(url, {headers: customHeaders,...options})\r\n if(process.client){\r\n if(res.error&&res.error.value){\r\n ElNotification({\r\n title: '系统错误提示',\r\n message: res.error.value.message,\r\n type: 'error',\r\n appendTo: document.body,\r\n zIndex: 9999\r\n })\r\n }\r\n else if (res.data.value&&(res.data.value as any).Msg) {\r\n if((res.data.value as any).Code===0){\r\n ElNotification({\r\n title: '系统提示',\r\n message: (res.data.value as any).Msg,\r\n type: 'success',\r\n appendTo: document.body,\r\n zIndex: 9999\r\n })\r\n }\r\n else{\r\n ElNotification({\r\n title: '错误提示',\r\n message: (res.data.value as any).Msg,\r\n type: 'error',\r\n appendTo: document.body,\r\n zIndex: 9999\r\n })\r\n }\r\n }\r\n }\r\n\r\n return res\r\n};\r\ntype ResponseType\u003CT = any> = T extends undefined ? CommonResponse\u003Cany> : CommonResponse\u003CT>;\r\n\r\nexport const http = {\r\n get: \u003CT = any>(url: Ref\u003Cstring>|string, query?: SearchParameters, opts?: UseFetchOptions\u003CT>) => {\r\n return request\u003CT>(url, {...opts,...{method: 'GET', query}});\r\n },\r\n post: \u003CT = undefined>(url: Ref\u003Cstring>|string, body?: RequestInit[\"body\"] | Record\u003Cstring, any>, opts?: UseFetchOptions\u003CResponseType\u003CT>>) => {\r\n return request\u003CResponseType\u003CT>>(url, {...opts,...{method: 'POST', body}});\r\n },\r\n put: \u003CT = undefined>(url: Ref\u003Cstring>|string, body?: RequestInit[\"body\"] | Record\u003Cstring, any>, opts?: UseFetchOptions\u003CResponseType\u003CT>>) => {\r\n return request\u003CResponseType\u003CT>>(url, {...opts,...{method: 'PUT', body}});\r\n },\r\n postGetList: (url: Ref\u003Cstring>|string, body?: RequestInit[\"body\"] | Record\u003Cstring, any>, opts?: UseFetchOptions\u003CResponseType\u003CCommonResponseGetList>>) => {\r\n return request\u003CCommonResponseGetList>(url, {...opts,...{method: 'POST', body}});\r\n },\r\n}\r\n\r\n```",[3006],{"name":2982,"color":3007},"FBCA04",27242,"[useFetch] Component is already mounted, please use $fetch instead. See https://nuxt.com/docs/getting-started/data-fetching","2024-06-27T14:10:07Z","https://github.com/nuxt/nuxt/issues/27242",0.64207846,{"description":3014,"labels":3015,"number":3019,"owner":2909,"repository":2910,"state":2963,"title":3020,"updated_at":3021,"url":3022,"score":3023},"### 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_",[3016,3017,3018],{"name":2946,"color":2947},{"name":2995,"color":2996},{"name":2949,"color":2950},2220,"Issue Nuxt UI Pro UDashboardModal background ","2024-10-06T18:00:50Z","https://github.com/nuxt/ui/issues/2220",0.6426638,["Reactive",3025],{},["Set"],["ShallowReactive",3028],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fZt4XPwDEvFjDLQzOuOtZ-BNjU_IHSrUSL-GENbwU4b8":-1},"/nuxt/ui/3250"]