\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```",[2887,2888,2891],{"name":2868,"color":2869},{"name":2889,"color":2890},"v3","49DCB8",{"name":2874,"color":2875},3607,"Background-Color for UTable","2025-03-18T15:08:25Z","https://github.com/nuxt/ui/issues/3607",0.64716226,{"description":2898,"labels":2899,"number":2904,"owner":2877,"repository":2878,"state":2879,"title":2905,"updated_at":2906,"url":2907,"score":2908},"### Description\n\nThank you very much for the best component library for Nuxt!\nMy question about the Table component (Tanstack)\nThe documentation has an example of how to send data received through fetch to a table, but there is no example for sorting and filtering using the Fetch call(\n\nThe documentation mentions columnFiltersOptions, but I don’t understand at all how to run my MYonColumnFiltersChange function when filters change( \n\n`\u003CUTable ref=\"table\" v-model:column-filters-options=\"MYonColumnFiltersChange \" />`\n\nit doesn't work that way\n\nI really ask for help!",[2900,2903],{"name":2901,"color":2902},"question","d876e3",{"name":2889,"color":2890},3098,"Table filtered, sorting fetch","2025-01-14T11:05:37Z","https://github.com/nuxt/ui/issues/3098",0.65916014,{"description":2910,"labels":2911,"number":2914,"owner":2877,"repository":2878,"state":2879,"title":2915,"updated_at":2916,"url":2917,"score":2918},"### 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```",[2912,2913],{"name":2901,"color":2902},{"name":2889,"color":2890},3285,"Trailing slashes","2025-02-10T13:25:12Z","https://github.com/nuxt/ui/issues/3285",0.65923166,{"description":2920,"labels":2921,"number":2922,"owner":2877,"repository":2923,"state":2879,"title":2924,"updated_at":2925,"url":2926,"score":2927},"### Describe the feature\n\nI found, how to deploy nuxt 2 app into gcp app engine. But there is no doc about nuxt 3\n\n### Additional information\n\n- [ ] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [x] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [x] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[],1764,"nuxt.com","deploy nuxt 3 on gcp appengine","2025-01-22T09:58:41Z","https://github.com/nuxt/nuxt.com/issues/1764",0.6646004,{"description":2929,"labels":2930,"number":2933,"owner":2877,"repository":2878,"state":2879,"title":2934,"updated_at":2935,"url":2936,"score":2937},"### 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",[2931,2932],{"name":2901,"color":2902},{"name":2889,"color":2890},3645,"Applying transition-colors to light / dark theme","2025-03-21T16:20:57Z","https://github.com/nuxt/ui/issues/3645",0.66595393,{"description":2939,"labels":2940,"number":2945,"owner":2877,"repository":2878,"state":2879,"title":2946,"updated_at":2947,"url":2948,"score":2949},"",[2941,2944],{"name":2942,"color":2943},"feature","A27AF6",{"name":2889,"color":2890},2322,"[MeterGroup] Implement component","2025-04-07T09:36:44Z","https://github.com/nuxt/ui/issues/2322",0.66955954,{"description":2951,"labels":2952,"number":2953,"owner":2877,"repository":2923,"state":2954,"title":2955,"updated_at":2956,"url":2957,"score":2958},"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,"closed","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.60709935,{"description":2960,"labels":2961,"number":2962,"owner":2877,"repository":2923,"state":2954,"title":2963,"updated_at":2964,"url":2965,"score":2966},"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,"About vue@3.4.3 causing hydration mismatch","2024-05-03T00:34:36Z","https://github.com/nuxt/nuxt.com/issues/1467",0.6301647,{"description":2968,"labels":2969,"number":2974,"owner":2877,"repository":2878,"state":2954,"title":2975,"updated_at":2976,"url":2977,"score":2978},"### Description\n\nIt's shorter and can save traffic.\n\n### Additional context\n\n_No response_",[2970,2973],{"name":2971,"color":2972},"enhancement","a2eeef",{"name":2889,"color":2890},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.63305885,["Reactive",2980],{},["Set"],["ShallowReactive",2983],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fkytIwdr_dpycaqoRFZsy9eVA7QWtK7nFuLofaeTF8NA":-1},"/nuxt/ui/2801"]