`\n\nit doesn't work that way\n\nI really ask for help!",[2001,2002],{"name":1985,"color":1986},{"name":1988,"color":1989},3098,"Table filtered, sorting fetch","2025-01-14T11:05:37Z","https://github.com/nuxt/ui/issues/3098",0.6947961,{"description":2009,"labels":2010,"number":2017,"owner":1991,"repository":1992,"state":1993,"title":2018,"updated_at":2019,"url":2020,"score":2021},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.11.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.4.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxtjs/i18n@9.0.0-rc.2, @sidebase/nuxt-auth@0.9.4, @vueuse/nuxt@11.3.0, nuxt-typed-router@3.7.1\n- Build Modules: -\n\n### Version\n\n2.19.2\n\n### Reproduction\n\n\n\n\n### Description\n\nPR #2275 was to accept null values in the `v-model` of the various components, but it turns out (thanks to [KazariEX](https://github.com/vuejs/language-tools/issues/5036#issuecomment-2527791622)) that the problem comes from the tsconfig configuration of `@nuxt/ui` where `strictNullCheck` is `false`, which causes the `null` that should have existed to be deleted from the type when the component is compiled.\n\n@benjamincanac is it safe to set `strictNullCheck` to true? Would you accept a PR?\n\n_________\n\n### EDIT\n\nWell, I've just tested it, and simply changing the `strictNullCheck` property to `true` completely breaks the typecheck.",[2011,2014],{"name":2012,"color":2013},"bug","d73a4a",{"name":2015,"color":2016},"triage","ffffff",2868,"`null` modelValue deleted from the final type when compiling the components","2024-12-09T15:29:48Z","https://github.com/nuxt/ui/issues/2868",0.7007675,{"description":2023,"labels":2024,"number":2029,"owner":1991,"repository":1992,"state":1993,"title":2030,"updated_at":2031,"url":2032,"score":2033},"### 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```",[2025,2026],{"name":1985,"color":1986},{"name":2027,"color":2028},"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.70240384,{"description":2035,"labels":2036,"number":2042,"owner":1991,"repository":1992,"state":2043,"title":2044,"updated_at":2045,"url":2046,"score":2047},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nMay already be a way to do this but if not It would be nice to specify a variant for light and dark on a component. \nFor instance outline inputs on light mode and soft for dark mode. \n\n` \u003CUInput variant=\"{light: 'outline', dark: 'soft'}\" />\n`\n\n### Additional context\n\n_No response_",[2037,2040],{"name":2038,"color":2039},"enhancement","a2eeef",{"name":2041,"color":2016},"wontfix-v2",2737,"closed","Specify a components variant for each color mode.","2025-03-03T22:31:17Z","https://github.com/nuxt/ui/issues/2737",0.6822323,{"labels":2049,"number":2055,"owner":1991,"repository":1991,"state":2043,"title":2056,"updated_at":2057,"url":2058,"score":2059},[2050,2052],{"name":2038,"color":2051},"8DEF37",{"name":2053,"color":2054},"2.x","d4c5f9",6452,"Infinite loading in Nuxt in SSR (Universal) mode","2023-01-22T15:51:03Z","https://github.com/nuxt/nuxt/issues/6452",0.68546313,{"description":2061,"labels":2062,"number":2064,"owner":1991,"repository":1992,"state":2043,"title":2065,"updated_at":2066,"url":2067,"score":2068},"### 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",[2063],{"name":1985,"color":1986},2177,"is there no INTELLISENSE / AUTO COMPLETE for typing?","2024-11-12T09:28:56Z","https://github.com/nuxt/ui/issues/2177",0.6897077,{"description":2070,"labels":2071,"number":2073,"owner":1991,"repository":1991,"state":2043,"title":2074,"updated_at":2075,"url":2076,"score":2077},"Hello everyone,\r\n\r\nI started play around this weekend with Nuxt and so far all problems I solved reading old tickets or mixing the 0.10 doc with so gists and questions around the web.\r\n\r\nMy last problem is make [vue-svgicon](https://mmf-fe.github.io/vue-svgicon/) works properly with Nuxt.\r\n\r\nThe first problem I got is if I don't add inside my **nuxt.config.js** `ssr: false` and/or `mode: pwa` I get the pink screen of dead (lol) with this error:\r\n> maximum calls stack size exceeded\r\n\r\nTo workaround since for now I don't need SSR rendering I disabled both functions (but in the future will be awesome make work with SSR too).\r\n\r\nAfter that, all compiles correctly BUT the component doesn't work. I believe is related how Nuxt storage the assets / how I import all created svg assets.\r\n\r\nAnybody already used this component inside Nuxt projects? BTW: I'm using Nuxt Express template\r\n\r\nThanks in advance,\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/c1168\">#c1168\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2072],{"name":2053,"color":2054},1320,"Make vue-svgicon work correctly with Nuxt","2023-01-18T15:41:02Z","https://github.com/nuxt/nuxt/issues/1320",0.6932464,{"description":2079,"labels":2080,"number":2084,"owner":1991,"repository":1992,"state":2043,"title":2085,"updated_at":2086,"url":2087,"score":2088},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.12.0\n- Nuxt Version: 3.16.1\n- CLI Version: 3.23.1\n- Nitro Version: 2.11.8\n- Package Manager: npm@10.5.0\n- Builder: -\n- User Config: modules, devtools, compatibilityDate, future\n- Runtime Modules: @nuxt/ui@3.0.2\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.2\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/white-butterfly-699yhh\n\n### Description\n\n1. Open the modal via the open button\n2. Open toast(s) via the open button\n3. click modal overlay to dispose it \n4. click any toast (dont click close button)\n5. mouse leave does not count down toasts anymore (click outside does enable countdown again) \n\n---------\nYou can also do this programmatically by closing the modal while adding toasts.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2081,2082,2083],{"name":2012,"color":2013},{"name":1988,"color":1989},{"name":2015,"color":2016},3719,"Toast does not always dispose","2025-04-02T07:18:01Z","https://github.com/nuxt/ui/issues/3719",0.6945521,{"description":2090,"labels":2091,"number":2098,"owner":1991,"repository":1991,"state":2043,"title":2099,"updated_at":2100,"url":2101,"score":2102},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v16.17.0\r\n- Nuxt Version: 3.6.2\r\n- Nitro Version: 2.5.2\r\n- Package Manager: yarn@1.22.19\r\n- Builder: vite\r\n- User Config: modules, colorMode, runtimeConfig\r\n- Runtime Modules: @tailwindcss/typography@0.5.9, @nuxtjs/tailwindcss@6.8.0, @pinia/nuxt@0.4.11, @nuxtjs/color-mode@3.3.0, nuxt-icon@0.4.2\r\n- Build Modules: -\r\n------------------------------\r\n\r\n\r\n### Reproduction\r\n\r\nhttps://codesandbox.io/p/sandbox/keen-sea-66ccg7\r\n\r\n### Describe the bug\r\n\r\nWe have a useDimensions composable which returns the dimension of the window.\r\n\r\nWe also have a simple vue file:\r\n\r\n```\r\n \u003Cdiv>\r\n {{ dimensions.width }}\r\n \u003Cdiv v-if=\"dimensions.width > 1200\" class=\"red\">\r\n \u003Cspan>Who let the dogs out\u003C/span>\r\n \u003C/div>\r\n \u003Cdiv v-else class=\"green\">Wof Wof\u003C/div>\r\n \u003C/div>\r\n```\r\n\r\nwhich based on the useDimensions composable returns either DIV1 or DIV2.\r\n\r\n1. The webpage renders on server side using a default preset value (`390x900`) which will render DIV2 (in production this should only happen the first time you access the website).\r\n2. When the onmounted event happens we update the resolution using the actual resolution (let's say `1920x1080`).\r\n3. The content of the two divs update accordingly, however the classes on the div remain the same: https://ibb.co/ZWFxyHk\r\n\r\n\r\n\r\nThe update happens in the onmounted event, at first the website should have been rendered using the initial resolution 390x900 and then it should have been updated to the 1920x1080 dimensions.\r\n\r\n\r\n\r\n### Additional context\r\n\r\nAs a workaround we use CSS to render different elements on different dimensions, however sometimes it makes more sense to render some elements based on JS logic (like the number of elements of a carousel).\r\n\r\n`v-show` should fix this issue as both divs are printed and the updated, however in some cases you might not want to use it (you don't want to print 1000 elements).\r\n\r\n### Logs\r\n\r\n_No response_",[2092,2095],{"name":2093,"color":2094},"3.x","29bc7f",{"name":2096,"color":2097},"pending triage","E99695",22517,"Bad rendering when a variable value changes from server side rendering to client side rendering","2023-08-07T08:29:52Z","https://github.com/nuxt/nuxt/issues/22517",0.695005,["Reactive",2104],{},["Set"],["ShallowReactive",2107],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"Zou8PsPzJEYqQVgStaEiRA1zIlGq-lxc3QgJMT8yBg8":-1},"/nuxt/ui/2461"]