\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```",[2909,2912,2913],{"name":2910,"color":2911},"bug","d73a4a",{"name":2886,"color":2887},{"name":2914,"color":2915},"triage","ffffff",3607,"Background-Color for UTable","2025-03-18T15:08:25Z","https://github.com/nuxt/ui/issues/3607",0.74236935,{"description":2922,"labels":2923,"number":2926,"owner":2872,"repository":2889,"state":2874,"title":2927,"updated_at":2928,"url":2929,"score":2930},"### 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```",[2924,2925],{"name":2883,"color":2884},{"name":2886,"color":2887},3285,"Trailing slashes","2025-02-10T13:25:12Z","https://github.com/nuxt/ui/issues/3285",0.7427281,{"description":2932,"labels":2933,"number":2940,"owner":2872,"repository":2872,"state":2941,"title":2942,"updated_at":2943,"url":2944,"score":2945},"### Version\r\n\r\n[v2.8.1](https://github.com/nuxt.js/releases/tag/v2.8.1)\r\n\r\n### Reproduction link\r\n\r\n[https://codesandbox.io/embed/codesandbox-nuxt-btkmv](https://codesandbox.io/embed/codesandbox-nuxt-btkmv)\r\n\r\n### Steps to reproduce\r\n\r\nI'm trying to create a PoC to migrate our current SPA to Nuxt (improving SEO) but I'm having difficulties at using Vuexfire and binding Firestore to Vuex.\r\n\r\nFirst of all, I'm using https://github.com/lupas/nuxt-fire to help developing this in a more global way.\r\n\r\nThen, this is the code I'm using:\r\n\r\n*store/index.ts*\r\n\r\n```js\r\nimport { vuexfireMutations, firestoreAction } from 'vuexfire'\r\n\r\nclass Reference {\r\n // eslint-disable-next-line no-restricted-globals\r\n name: string = '';\r\n ref: any;\r\n}\r\n\r\nexport const state = () => ({\r\n assets: []\r\n});\r\n\r\nexport const getters = {\r\n\r\n};\r\n\r\nexport const actions = {\r\n bindRef: firestoreAction(async ({ bindFirestoreRef }, { name, ref }: Reference): Promise\u003Cvoid> => {\r\n bindFirestoreRef(name, ref);\r\n }),\r\n\r\n unbindRef: firestoreAction(({ unbindFirestoreRef }, { name }: Reference): void => {\r\n unbindFirestoreRef(name);\r\n }),\r\n};\r\n\r\nexport const mutations = {\r\n set_assets: (state, payload) => {\r\n state.assets = [...payload];\r\n },\r\n ...vuexfireMutations,\r\n};\r\n```\r\n\r\n*pages/index.ts*\r\n\r\n```js\r\nimport { Component, Vue, Action, State } from 'nuxt-property-decorator';\r\nimport Logo from '~/components/Logo.vue';\r\n// import { auth, db } from '~/plugins/firebase';\r\n\r\n@Component({\r\n components: {\r\n Logo,\r\n },\r\n // middleware: ['testMiddleware']\r\n})\r\nexport default class Index extends Vue {\r\n @Action\r\n bindRef!: any;\r\n\r\n @State('assets')\r\n assets!: any[]\r\n\r\n // async created(): Promise\u003Cvoid> {\r\n // this.bindRef({\r\n // name: 'assets',\r\n // ref: this.$fireStore.collection('assets')\r\n // .where('published', '==', true)\r\n // .orderBy('createdDatetime', 'desc'),\r\n // });\r\n // }\r\n\r\n async fetch ({ store, app }): Promise\u003Cvoid> {\r\n console.log(1);\r\n try {\r\n await store.dispatch('bindRef', {\r\n name: 'assets',\r\n ref: app.$fireStore.collection('assets')\r\n .where('published', '==', true)\r\n .orderBy('createdDatetime', 'desc'),\r\n });\r\n console.log(2)\r\n } catch (e) {\r\n console.log(e)\r\n }\r\n \r\n // try {\r\n // const snapshots = await app.$fireStore.collection('assets')\r\n // .where('published', '==', true)\r\n // .orderBy('createdDatetime', 'desc')\r\n // .get();\r\n // console.log(2)\r\n // store.commit('set_assets', [...snapshots.docs.map(doc => doc.data())])\r\n // } catch (e) {\r\n // console.log(e)\r\n // }\r\n console.log(3);\r\n }\r\n}\r\n```\r\n\r\n*Fetch method*\r\n\r\nThe issue I'm having is that the collection is binded only when I save the changes, hot reloading executes and then I can see the data both, in the website and also in Vue devtools.\r\nIf I refresh the website manually, data won't be displayed in the website nor Vue devtools state management.\r\n\r\nIf I try without the binding and then directly commiting, the data is displayed correctly on the website but not in Vue Dev tools. And obviously, it won't be refreshing live data.\r\n\r\n*created method*\r\n\r\nThis one works correctly but the problem is that it's binding client side, after the component is created (obviously). Not interested in this method since you lose SEO.\r\n\r\n\r\nSo, what am I missing here?\r\n\r\n\r\nPS: sandbox must be configured with your Firebase config in nuxt.config.js\r\n\r\n### What is expected ?\r\n\r\nVuexfire Firestore live data binding\r\n\r\n### What is actually happening?\r\n\r\nIt's not binding the data\r\n\r\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\r\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c9594\">#c9594\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2934,2937],{"name":2935,"color":2936},"pending triage","E99695",{"name":2938,"color":2939},"2.x","d4c5f9",6174,"closed","Vuex & Firebase problems","2023-01-22T15:34:44Z","https://github.com/nuxt/nuxt/issues/6174",0.7066045,{"description":2947,"labels":2948,"number":2951,"owner":2872,"repository":2889,"state":2941,"title":2952,"updated_at":2953,"url":2954,"score":2955},"### Environment\n\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v20.10.0\n- Nuxt Version: 3.13.2\n- CLI Version: 3.14.0\n- Nitro Version: 2.9.7\n- Package Manager: yarn@4.5.0\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.x\n\n### Reproduction\n\n```vue\n\u003Ctemplate>\n\u003CUDropdownMenu :items=\"items\">\n \u003CUAvatar\n :src=\"profilePicture\"\n size=\"lg\"\n />\n\u003C/UDropdownMenu>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nconst profilePicture = ref('/this/image/does/not/exist.jpg')\nconst items = [\n[{\n\tlabel: 'Logout',\n\ticon: 'i-lucide-log-out',\n}]\n]\n\u003C/script>\n```\n\n### Description\n\nWhen the `src` of the image in `UAvatar` fails to get resolved for any reason (non-existent resource, network error, refused connection from the requested host, etc), it no longer triggers the expansion of the `UDropdownMenu`. \n\nNote that this might also affect `UPopover`, but I have not tested it yet. I will be able to test it later today.\n\nP.S. @benjamincanac this was the reason I initially included it in the migration guide, because I did not know it only happens on non-resolved images\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2949,2950],{"name":2910,"color":2911},{"name":2886,"color":2887},2923,"`UAvatar` with non-resolved `src` fails to trigger `UDropdownMenu`","2025-01-25T13:12:33Z","https://github.com/nuxt/ui/issues/2923",0.7136243,{"description":2957,"labels":2958,"number":2962,"owner":2872,"repository":2889,"state":2941,"title":2963,"updated_at":2964,"url":2965,"score":2966},"### Environment\n\n- Operating System: Linux\r\n- Node Version: v18.20.3\r\n- Nuxt Version: 3.13.2\r\n- CLI Version: 3.14.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: pnpm@8.15.6\r\n- Builder: -\r\n- User Config: -\r\n- Runtime Modules: -\r\n- Build Modules: -\n\n### Version\n\nv2.18.6\n\n### Reproduction\n\nhttps://stackblitz.com/~/github.com/Yves852/nuxt-ui-commandpalette-hover\n\n### Description\n\nHovering the list of element with the mouse don't show visual effects contrary to [doc example](https://ui.nuxt.com/components/command-palette#usage), It's updated with up/down keys.\r\n\r\nCould be related to [1708](https://github.com/nuxt/ui/issues/1708)\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2959],{"name":2960,"color":2961},"duplicate","cfd3d7",2284,"CommandPalette: hover not working","2024-11-13T09:11:36Z","https://github.com/nuxt/ui/issues/2284",0.714296,{"description":2968,"labels":2969,"number":2977,"owner":2872,"repository":2889,"state":2941,"title":2978,"updated_at":2979,"url":2980,"score":2981},"### Environment\n\nBuild error on vercel.app and on local windows 10, both on build and dev.\n\n### Version\n\nv1.4.4 @nuxt/ui-pro - Saas Template\n\n### Reproduction\n\nInstall a clean saas template.\nEnable typescript check in nuxt.config\n\nTry to deploy it on vercel.\n\nAnd try to copy/paste the url in a facebook post.\n\nHere is a 100% clean saas template, without typeCheck enabled:\nhttps://stackblitz.com/~/github.com/LutherApp/codespace-project\n\n(This is a copy of my [github repo](https://github.com/LutherApp/codespace-project))\n\n### Description\n\nOn build there will be \n## errors on the \"title\"-variable\nError-msg:\nObject literal may only specify known properties, and 'title' does not exist in type 'OgImageOptions\u003C\"NuxtSeo\"> | OgImagePrebuilt'. (etc.)\n\n## \"authors\"- and \"title\"-variable in blog/index\n3 x Type 'bla bla bla' is not assignable to type 'bla bla bla'.\n1 x Property 'avatar' is optional in type 'bla bla bla' but required in type 'bla bla bla'.\n\n## Fix\nI was adding this workaround for typecheck in three or four files:\n```\n// @ts-expect-error Object literal may only specify known properties, and 'title' does not exist in type 'OgImageOptions\u003C\"NuxtSeo\"> | OgImagePrebuilt'.\n```\n\nIn blog/index.vue a was adding this lines in the template in front of `UPageBody` (in blog/index.vue):\n``` \n\u003C!--\n @vue-expect-error The variable authors throws four errors;\n 3 x Type 'bla bla bla' is not assignable to type 'bla bla bla'.\n 1 x Property 'avatar' is optional in type 'bla bla bla' but required in type 'bla bla bla'.\n -->\n```\n\n## seo info from the page missing on facebook\nThere is still noe data about the page on facebook. \n(Other nuxt-content I have made earlier have this info when I copy/paste the url to facebook.)\n\n## Any questions to this issue?\nPlease add some questions to get more info about this issues. (This was written faster than normal.)",[2970,2971,2974],{"name":2910,"color":2911},{"name":2972,"color":2973},"pro","5BD3CB",{"name":2975,"color":2976},"upstream","78bddb",2415,"og:fields in my 100% clean saas template doesn't shows on facebook, and your own public saas template don't show the og:image","2024-10-22T09:40:37Z","https://github.com/nuxt/ui/issues/2415",0.71717393,{"description":2983,"labels":2984,"number":2988,"owner":2872,"repository":2873,"state":2941,"title":2989,"updated_at":2990,"url":2991,"score":2992},"### Environment\n\nNot needed\n\n### Reproduction\n\nNot necessary, any SSR/Prerender Nuxt will fail\n\n### Describe the bug\n\nI'm just creating this issue to warn anyone that is using Cloudflare with Nuxt SSR\r\n\r\nDISABLE ASSET MINIFICATION, it breaks Vue hydration\r\n\r\n\r\nI've spent weeks trying to fix it, and it was as simple as unchecking these boxes, hope it helps anyone\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2985],{"name":2986,"color":2987},"documentation","9DE2BA",1457,"SSR Issues with Coudflare Pages (SOLVED)","2023-12-27T17:11:13Z","https://github.com/nuxt/nuxt.com/issues/1457",0.7245612,["Reactive",2994],{},["Set"],["ShallowReactive",2997],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fhNfB9t5sieREKm1RaFZXgucqyRuHUmmmgnq7bqpu-_w":-1},"/nuxt/nuxt.com/1439"]