\n\n### Expected\n\n\u003Cimg width=\"1186\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/61bf37ec-4b5b-46dc-9e0f-cd9cd38b79c4\" />\n\n\n\n\nWould appreciate any guidance on achieving proper column alignment between UTable and the total row!",[1995],{"name":1996,"color":1997},"question","d876e3",3409,"ui","How to implement fixed footer row in UTable?","2025-03-12T19:15:29Z","https://github.com/nuxt/ui/issues/3409",0.7635101,{"description":2005,"labels":2006,"number":2011,"owner":1985,"repository":1999,"state":1987,"title":2012,"updated_at":2013,"url":2014,"score":2015},"### Description\n\nI have defined some css variables in css file that is located in `app/styles/main.css location`. I can use these in tw like so `bg-[--primary]`\r\n\r\nbut how do i use this with `UI` lib ? for example using with Card component? \r\n\r\n```\r\n:root {\r\n\t--bg: #f5f6ce;\r\n\t--primary: #2ab4f6;\r\n\t--r-sm: 5px;\r\n}\r\n```",[2007,2008],{"name":1996,"color":1997},{"name":2009,"color":2010},"stale","ededed",2270,"How to use css variables defined in css file in UI","2024-11-27T02:06:52Z","https://github.com/nuxt/ui/issues/2270",0.77094096,{"description":2017,"labels":2018,"number":2028,"owner":1985,"repository":1999,"state":2029,"title":2030,"updated_at":2031,"url":2032,"score":2033},"### Environment\n\nhttps://ui.nuxt.com/components/button\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3\n\n### Reproduction\n\nhttps://ui.nuxt.com/components/button\n\n### Description\n\nThe Nuxt UI button component doesn't seem to have cursor pointer in version 3.\n\nVersion 2 was fine.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2019,2022,2025],{"name":2020,"color":2021},"bug","d73a4a",{"name":2023,"color":2024},"v3","49DCB8",{"name":2026,"color":2027},"triage","ffffff",3773,"closed","Cursor pointer not used on button","2025-04-02T09:36:57Z","https://github.com/nuxt/ui/issues/3773",0.69351274,{"description":2035,"labels":2036,"number":2038,"owner":1985,"repository":1999,"state":2029,"title":2039,"updated_at":2040,"url":2041,"score":2042},"### Description\r\n\r\nis there an intellisense / autocomplete options for NuxtUI components? i dont see any tooltip thing here when i type...\r\n\r\n",[2037],{"name":1996,"color":1997},2177,"is there no INTELLISENSE / AUTO COMPLETE for typing?","2024-11-12T09:28:56Z","https://github.com/nuxt/ui/issues/2177",0.7106995,{"description":2044,"labels":2045,"number":2049,"owner":1985,"repository":2050,"state":2029,"title":2051,"updated_at":2052,"url":2053,"score":2054},"### Describe the feature\n\nRight now custom directives are not available when running tests. For example I have a custom uppercase directive and when testing the text field component I get:\r\n```\r\n[Vue warn]: Failed to resolve directive: uppercase\r\n at \u003CMountSuspendedComponent >\r\n at \u003CMountSuspendedHelper>\r\n at \u003CAnonymous ref=\"VTU_COMPONENT\" >\r\n at \u003CVTUROOT>\r\n``` \n\n### Additional information\n\n- [X] 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).",[2046],{"name":2047,"color":2048},"pending triage","5D08F5",959,"test-utils","MountSuspended should consider any directives added to the vue app","2024-10-03T18:02:07Z","https://github.com/nuxt/test-utils/issues/959",0.7437732,{"description":2056,"labels":2057,"number":2059,"owner":1985,"repository":1999,"state":2029,"title":2060,"updated_at":2061,"url":2062,"score":2063},"### Description\r\n\r\n**Problem statement**\r\nWhen only a few columns are displayed on the UTable, it seems to push the other columns to the right.\r\n\r\n\r\n\r\n**Use case**\r\nBesides allowing users to pick display columns using a selector, we have use cases where tables are used to display lists of data and sometimes those tables only have 2-3 columns. On high-resolution screens those columns are then weirdly pushed to the right.\r\n\r\n**What I've tried**\r\nI've tried adjusting the `ui.checkbox.padding`, but it is obviously more than padding that is required. It would be great if there was some `max-width` property for the select-column. \r\n\r\nAlso considered using a column:class but [looking at the code](https://github.com/nuxt/ui/blob/98728f12ee64998ab045d6fcb618448c7ee9ef89/src/runtime/components/data/Table.vue#L76) it is clear that `Checkbox` is not part of the normal column slots, so it would require some other setting.\r\n\r\nI'll be happy if a simple workaround exists, so please share if there is a quick solution to constrain this select-column width.",[2058],{"name":1996,"color":1997},2222,"UTable select column pushing other columns to right when only few columns selected","2024-11-08T16:24:42Z","https://github.com/nuxt/ui/issues/2222",0.75944054,{"description":2065,"labels":2066,"number":2070,"owner":1985,"repository":1985,"state":2029,"title":2071,"updated_at":2072,"url":2073,"score":2074},"Using : \"nuxt\": \"^1.0.0-rc11\".\r\n\r\nI have two roads (aka two components) :\r\n```\r\n/ (index.vue)\r\n/app (app.vue)\r\n```\r\nEverything works fine with SSR.\r\n\r\nWhen I land on the homepage, I have a `router-link` to `/app` that works perfectly fine but, when I do F5, CTRL+R, CTRL+shift+R directly on the sub-page `/app`, I have the following error : \r\n\r\n`Cannot read property 'breakpoint' of undefined`\r\n\r\nI MUST go back to `/`, click again on my link to `/app` and at this point, I can see the content of my `/app` page again. It's impossible to do a simple F5 on `/app since it directly triggers this error\r\n\r\nAny ideas on how to fix this?\r\n\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2306\">#c2306\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2067],{"name":2068,"color":2069},"2.x","d4c5f9",2651,"Cannot read property 'breakpoint' of undefined","2023-01-18T16:02:28Z","https://github.com/nuxt/nuxt/issues/2651",0.76071024,{"description":2076,"labels":2077,"number":2082,"owner":1985,"repository":1999,"state":2029,"title":2083,"updated_at":2084,"url":2085,"score":2086},"### Environment\n\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.13.2\n- CLI Version: 3.14.0\n- Nitro Version: 2.9.7\n- Package Manager: npm@10.2.3\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n### Version\n\n2.18.6\n\n### Reproduction\n\nhttps://stackblitz.com/~/github.com/aloulouamine/nuxt-ui-select-menu-issue\n\n### Description\n\nSelectMenu with paginated search has an issue with default count placeholder.\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2078,2079],{"name":2020,"color":2021},{"name":2080,"color":2081},"duplicate","cfd3d7",2313,"SelectMenu paginated search count issue","2024-10-06T17:49:40Z","https://github.com/nuxt/ui/issues/2313",0.7634865,{"description":2088,"labels":2089,"number":2091,"owner":1985,"repository":1985,"state":2029,"title":2092,"updated_at":2093,"url":2094,"score":2095},"Hey there, \r\n\r\nI am setting some values on my store based on the window width. At the moment I am doing this from my layout, with a mounted function and then also attaching a resize listener to update these.\r\nOne example is setting isMobile based on the window width. \r\nThen I have components or computed properties which depend on isMobile, this works but there is a small delay because it seems that the value is assigned a bit late. \r\n\r\nMy thought was to get the window width before my application starts and then somehow pass it to the store.\r\n\r\nI tried with a plugin like this:\r\n\r\n`export default ({store}) => {\r\n if (process.browser) {\r\n let ww = window.innerWidth\r\n store.commit('IS_MOBILE', ww \u003C 768)\r\n }\r\n}`\r\n\r\nbut I get these errors:\r\n\r\n\u003Cimg width=\"717\" alt=\"vue-error\" src=\"https://user-images.githubusercontent.com/5978397/32699429-c63a0c46-c7b5-11e7-8b98-fca14649d67d.png\">\r\n\r\nMaybe I'm thinking it in the wrong way? Any help appreciated.\r\n\r\n\r\n\r\n\r\n\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1851\">#c1851\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2090],{"name":2068,"color":2069},2086,"Feed the store with window data on application start","2023-01-18T15:43:03Z","https://github.com/nuxt/nuxt/issues/2086",0.76597387,["Reactive",2097],{},["Set"],["ShallowReactive",2100],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"8cxcBgIj0jAsPIw_iwh5l-NmFwQWB4QMexyn3154hIE":-1},"/nuxt/fonts/404"]