\n\u003C/UCard>\n```\n\n### Description\n\nIf using a UTable component on a background that isn't the default neutral color the bg-color of the thead is visible.\n\n\n\n\n\n_A little bit easier to see with white Background_\n\n\n\n\nMaybe this is a wanted behavior. So if so please ignore and close the issue.\nI know sometimes you want a background color in the headlines. But sometimes you don't want them.\nAnyways if this is a wanted behavior, then maybe this issue will help those who don't want a background color and are looking for a solution.\n\n### Additional context\n\nCould be fixed by adding:\n```vue\n:ui=\"{\n thead: 'bg-unset'\n}\"\n```\nto the `\u003CUTable>` tag\n\n\n\n### Logs\n\n```shell-script\n-\n```",[2867,2870,2873],{"name":2868,"color":2869},"bug","d73a4a",{"name":2871,"color":2872},"v3","49DCB8",{"name":2874,"color":2875},"triage","ffffff",3607,"nuxt","ui","open","Background-Color for UTable","2025-03-18T15:08:25Z","https://github.com/nuxt/ui/issues/3607",0.6207533,{"description":2885,"labels":2886,"number":2891,"owner":2877,"repository":2878,"state":2879,"title":2892,"updated_at":2893,"url":2894,"score":2895},"### Description\n\nHi, I'm having a hard time applying transition to dark / light background.\n\nMy `main.css` file is as follows.\n\nChanging the background color from `slate` to `stone`, for example, works fine.\n\nThe problem is just for the light / dark theme transition.\n\n```\n:root {\n --ui-bg: var(--ui-color-neutral-100);\n}\n\n.dark {\n --ui-bg: var(--ui-color-neutral-900);\n}\n\n@layer base {\n body {\n @apply transition-colors duration-1000;\n }\n}\n```\n\nHere is the function that changes the theme:\n\n```\nconst isDark = computed({\n get() {\n return colorMode.value === 'dark';\n },\n set() {\n colorMode.preference = colorMode.value === 'dark' ? 'light' : 'dark';\n },\n});\n```\n\nAny help would be appreciated, thanks!\n",[2887,2890],{"name":2888,"color":2889},"question","d876e3",{"name":2871,"color":2872},3645,"Applying transition-colors to light / dark theme","2025-03-21T16:20:57Z","https://github.com/nuxt/ui/issues/3645",0.6377824,{"description":2897,"labels":2898,"number":2902,"owner":2877,"repository":2877,"state":2879,"title":2903,"updated_at":2904,"url":2905,"score":2906},"**Summary (generated)**:\r\n\r\nHere is a brief summary in English:\r\n\r\nThe bug is that TypeScript is giving an error on the `transform` function in the `useFetch` setup in a Vue application. Despite searching documentation, bugs, and discussions, the closest relevant issue found was #26138.\r\n\r\n\u003Chr>\r\n\r\n### Environment\r\n\r\nStackBlitz/Codespaces\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-f3fvvc?file=app.vue\r\n\r\n```typescript\r\n\u003Cscript setup lang=\"ts\">\r\ninterface Page {\r\n title: string;\r\n}\r\n\r\nconst { data } = await useFetch\u003CPage[]>(`/api/pages`, {\r\n transform: (data) => data[0],\r\n});\r\n\u003C/script>\r\n\r\n```\r\n\r\nNotice the typescript error on `transform`\r\n\r\n\r\n\r\n### Describe the bug\r\n\r\nTypeScript isn't liking the type on transform with useFetch.\r\n\r\nI [searched](https://github.com/search?q=repo%3Anuxt%2Fnuxt+usefetch+transform&type=issues) docs, bugs and discusssions and the closest find was: https://github.com/nuxt/nuxt/issues/26138\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2899],{"name":2900,"color":2901},"pending triage","E99695",27762,"\"UseFetchType\" and also transforms the result into the desired output format using another transformer.","2024-06-30T11:03:32Z","https://github.com/nuxt/nuxt/issues/27762",0.64108616,{"description":2908,"labels":2909,"number":2912,"owner":2877,"repository":2878,"state":2879,"title":2913,"updated_at":2914,"url":2915,"score":2916},"### Description\n\nHi there,\n\nI'm really curious about how Nuxt UI is handling trailing slashes. In the Nuxt Content repo I can see they are using `ufo` to remove the trailing slashes, but in the Nuxt UI repo I can't find how you get rid of it. Even tho I know you can do these things on Vercel and Netlify, I'm curious how you handle it in Nuxt UI.\n\nIn my case, route.path is returning a path with a trailing slash and breaks my `queryCollection`...\n\n```vue\nconst { data: page } = await useAsyncData(\n `${route.path}/.navigation`,\n async () => {\n return await queryCollection('content').path(route.path).first();\n }\n);\n```",[2910,2911],{"name":2888,"color":2889},{"name":2871,"color":2872},3285,"Trailing slashes","2025-02-10T13:25:12Z","https://github.com/nuxt/ui/issues/3285",0.64275265,{"description":2918,"labels":2919,"number":2925,"owner":2877,"repository":2878,"state":2879,"title":2926,"updated_at":2927,"url":2928,"score":2929},"### Description\n\nWould be nice to add the possibility to set the position of the loading icon in the `UButton`. Now it replaces the leading icon, but when the trailing icon is used this leads to a behavior that in my opinion is undesidered in the majority of cases. \nThe idea would be a prop like that:\n```ts\nloading-position: 'leading' | 'trailing' | 'auto'\n```\nwhere `auto` should place the loader where the button icon is placed, leading otherwise.\n\n### Additional context\n\n_No response_",[2920,2923,2924],{"name":2921,"color":2922},"enhancement","a2eeef",{"name":2871,"color":2872},{"name":2874,"color":2875},3419,"Add `loading-position` to `UButton`","2025-03-02T12:16:32Z","https://github.com/nuxt/ui/issues/3419",0.6466452,{"description":2931,"labels":2932,"number":2938,"owner":2877,"repository":2878,"state":2879,"title":2939,"updated_at":2940,"url":2941,"score":2942},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.11.0\n- Nuxt Version: 3.13.2\n- CLI Version: 3.13.2\n- Nitro Version: 2.9.7\n- Package Manager: yarn@1.22.19\n- Builder: -\n- User Config: devtools, extends, modules, ssr, vite, runtimeConfig, ui, css, i18n, algolia, image, nitro, compatibilityDate\n- Runtime Modules: @nuxtjs/algolia@1.10.2, @nuxtjs/i18n@8.3.1, @pinia/nuxt@0.5.1, @nuxt/ui, @nuxt/image@1.7.0\n- Build Modules: -\n\n\n\n### Version\n\nNuxt UI pro 1.4.2\n\n### Reproduction\n\n-\n\n### Description\n\nOn Heroku, I randomly (~10%) get an error while building my project, indicating that NUXT_UI_PRO_LICENSE is not present.\nIt fix it but juste re-laucnhing the build a few seconds later\n\n```\n $ nuxt generate\n Nuxt 3.13.2 with Nitro 2.9.7\n ℹ Using Nitro server preset: static\n [nuxt:tailwindcss] ℹ Using default Tailwind CSS file\n ℹ Nuxt Icon server bundle mode is set to local\n ERROR Invalid NUXT_UI_PRO_LICENSE license key.\nPurchase Nuxt UI Pro at https://ui.nuxt.com/pro/pricing to build your app in production.\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2933,2934,2937],{"name":2868,"color":2869},{"name":2935,"color":2936},"pro","5BD3CB",{"name":2874,"color":2875},3300,"Nuxt UI pro licensing failing randomly on Heroku","2025-02-19T16:07:14Z","https://github.com/nuxt/ui/issues/3300",0.6491625,{"description":2944,"labels":2945,"number":2948,"owner":2877,"repository":2878,"state":2949,"title":2950,"updated_at":2951,"url":2952,"score":2953},"### Environment\n\nNuxt 3.15.4\nNuxt UI https://pkg.pr.new/@nuxt/ui@e7e7585\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.15.4\n\n### Reproduction\n\n-\n\n### Description\n\nJust noticed the following components work as expected in a fieldForm\n\n```\n \u003CUFormField\n v-if=\"isVisible\"\n :name=\"fieldName\"\n :label=\"field['#title']\"\n :required=\"!!field['#required']\"\n >\n \u003Ctemplate\n v-if=\"descriptionContent && field['#type'] !== 'checkbox'\"\n #description\n >\n \u003Cspan v-html=\"cleanHTML(descriptionContent)\" />\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```",[2946,2947],{"name":2888,"color":2889},{"name":2871,"color":2872},3294,"closed","UCheckbox fieldform support","2025-02-12T19:23:36Z","https://github.com/nuxt/ui/issues/3294",0.62638044,{"description":2955,"labels":2956,"number":2957,"owner":2877,"repository":2958,"state":2949,"title":2959,"updated_at":2960,"url":2961,"score":2962},"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":2964,"labels":2965,"number":2971,"owner":2877,"repository":2878,"state":2949,"title":2972,"updated_at":2973,"url":2974,"score":2975},"### 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```",[2966,2967,2970],{"name":2868,"color":2869},{"name":2968,"color":2969},"needs reproduction","CB47CF",{"name":2871,"color":2872},2801,"[v3][UTooltip] `UTooltip` inside `UModal` causing error","2025-02-06T15:28:30Z","https://github.com/nuxt/ui/issues/2801",0.6279561,{"description":2977,"labels":2978,"number":2984,"owner":2877,"repository":2878,"state":2949,"title":2985,"updated_at":2986,"url":2987,"score":2988},"### 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```",[2979,2980,2983],{"name":2868,"color":2869},{"name":2981,"color":2982},"duplicate","cfd3d7",{"name":2871,"color":2872},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,["Reactive",2990],{},["Set"],["ShallowReactive",2993],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fZt4XPwDEvFjDLQzOuOtZ-BNjU_IHSrUSL-GENbwU4b8":-1},"/nuxt/ui/3250"]