\n`\n\n### Additional context\n\n_No response_",[2934,2937],{"name":2935,"color":2936},"enhancement","a2eeef",{"name":2938,"color":2925},"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.67744625,{"description":2946,"labels":2947,"number":2949,"owner":2909,"repository":2910,"state":2940,"title":2950,"updated_at":2951,"url":2952,"score":2953},"### 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",[2948],{"name":2903,"color":2904},2177,"is there no INTELLISENSE / AUTO COMPLETE for typing?","2024-11-12T09:28:56Z","https://github.com/nuxt/ui/issues/2177",0.6800149,{"labels":2955,"number":2961,"owner":2909,"repository":2909,"state":2940,"title":2962,"updated_at":2963,"url":2964,"score":2965},[2956,2958],{"name":2935,"color":2957},"8DEF37",{"name":2959,"color":2960},"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.6817474,{"description":2967,"labels":2968,"number":2970,"owner":2909,"repository":2909,"state":2940,"title":2971,"updated_at":2972,"url":2973,"score":2974},"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>",[2969],{"name":2959,"color":2960},1320,"Make vue-svgicon work correctly with Nuxt","2023-01-18T15:41:02Z","https://github.com/nuxt/nuxt/issues/1320",0.6849554,{"description":2976,"labels":2977,"number":2981,"owner":2909,"repository":2910,"state":2940,"title":2982,"updated_at":2983,"url":2984,"score":2985},"### 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```",[2978,2979,2980],{"name":2920,"color":2921},{"name":2906,"color":2907},{"name":2924,"color":2925},3719,"Toast does not always dispose","2025-04-02T07:18:01Z","https://github.com/nuxt/ui/issues/3719",0.6852173,{"description":2987,"labels":2988,"number":2990,"owner":2909,"repository":2909,"state":2940,"title":2991,"updated_at":2992,"url":2993,"score":2994},"Hi, I used nuxt to render a vue template that involves v-if.\r\n\r\n```\r\n// template\r\n\u003Cheader v-if=\"checkMobile()\">\u003C/header>\r\n\r\n// script\r\nexport default {\r\n methods: {\r\n checkMobile() {\r\n return window ? window.innerWidth \u003C 768 : true\r\n }\r\n}\r\n```\r\n\r\nThis may cause different rendering result between server and client due to window.innerWidth.\r\nAnd this raises an error:\r\n```\r\nThe client-side rendered virtual DOM tree is not matching server-rendered content.\r\n```\r\n\r\nSo, how should I handle conditional rendering that involves window?\r\n\r\nThank you!\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/c312\">#c312\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2989],{"name":2959,"color":2960},366,"How to handle conditional rendering that involves window?","2023-01-18T15:38:48Z","https://github.com/nuxt/nuxt/issues/366",0.69104344,{"description":2996,"labels":2997,"number":3007,"owner":2909,"repository":2909,"state":2940,"title":3008,"updated_at":3009,"url":3010,"score":3011},"### Environment\r\n\r\nNuxi 3.4.1 12:17:43 PM\r\n 12:17:44 PM\r\nRootDir: /mnt/c/Users/.../Desktop/workspaces/.../account-web 12:17:44 PM\r\nNuxt project info: 12:17:44 PM\r\n\r\n------------------------------\r\n- Operating System: Linux (WSL)\r\n- Node Version: v18.13.0\r\n- Nuxt Version: 3.4.1\r\n- Nitro Version: 2.3.3\r\n- Package Manager: npm@8.19.3\r\n- Builder: vite\r\n- User Config: ssr, app, build, vite, modules, pinia, runtimeConfig\r\n- Runtime Modules: vue-recaptcha/nuxt, @pinia/nuxt@0.4.8, @vueuse/nuxt@10.0.2, ()\r\n- Build Modules: -\r\n------------------------------\r\n\r\n👉 Report an issue: https://github.com/nuxt/nuxt/issues/new 12:17:44 PM \r\n\r\n👉 Suggest an improvement: https://github.com/nuxt/nuxt/discussions/new\r\n\r\n👉 Read documentation: https://nuxt.com\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-g9pt8g?file=app.vue\r\n\r\n### Describe the bug\r\n\r\nTriggering a reload on this specific tree fails.\r\n\r\nSeems like having a `v-sheet > div (conditional) > div > v-text-field` does not manage to complete the reload.\r\n\r\n### Additional context\r\n\r\nUsing the latest version of Nuxt and Vuetify.\r\n\r\nThere is some comment inside the stackblitz reproduction, you just need to trigger a reload of some sort, the easier way is to change the `max-width` property.\r\n\r\n### Logs\r\n\r\n```shell-script\r\nTypeError: Cannot read properties of null (reading 'style')\r\n at patchStyle (vue.js:8018:1)\r\n at patchProp (vue.js:8221:1)\r\n at patchProps (vue.js:5952:1)\r\n at patchElement (vue.js:5907:1)\r\n at processElement (vue.js:5766:1)\r\n at patch (vue.js:5698:1)\r\n at patchKeyedChildren (vue.js:6305:1)\r\n at patchChildren (vue.js:6265:1)\r\n at patchElement (vue.js:5875:1)\r\n at processElement (vue.js:5766:1)\r\n```\r\n",[2998,3001,3004],{"name":2999,"color":3000},"3.x","29bc7f",{"name":3002,"color":3003},"pending triage","E99695",{"name":3005,"color":3006},"upstream","E8A36D",20325,"Vuetify strange reload bug","2023-09-06T20:28:09Z","https://github.com/nuxt/nuxt/issues/20325",0.69346523,{"description":3013,"labels":3014,"number":3021,"owner":2909,"repository":2910,"state":2940,"title":3022,"updated_at":3023,"url":3024,"score":3025},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.13.0\n- Nuxt Version: 3.16.1\n- CLI Version: 3.23.1\n- Nitro Version: 2.11.7\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: modules, compatibilityDate, devtools, css, ui, devServer, future, telemetry, hooks, eslint\n- Runtime Modules: @nuxt/eslint@0.6.2, @nuxt/ui-pro@3.0.1, nuxt-jsonld@2.1.0, @pinia/nuxt@0.10.1\n- Build Modules: -\n\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nNuxt v3.16.1\nui-pro v3.0.1\n\n### Reproduction\n\nWhen I add the following to my nuxt.config.ts:\n\n```ts\n{\n ui: {\n colorMode: false\n }\n}\n```\n\n...then `npx nuxi typecheck` fails with 8 errors.\n\n```\n[...snip]\nnode_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeButton.vue:18:24 - error TS2305: Module '\"#imports\"' has no exported member 'useColorMode'.\n\n18 import { useAppConfig, useColorMode } from '#imports'\n ~~~~~~~~~~~~\n\nnode_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeSelect.vue:10:24 - error TS2305: Module '\"#imports\"' has no exported member 'useColorMode'.\n\n10 import { useAppConfig, useColorMode } from '#imports'\n ~~~~~~~~~~~~\n\nnode_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeSwitch.vue:10:24 - error TS2305: Module '\"#imports\"' has no exported member 'useColorMode'.\n\n10 import { useAppConfig, useColorMode } from '#imports'\n ~~~~~~~~~~~~\n\n\nFound 8 errors in 8 files.\n\nErrors Files\n 1 node_modules/@nuxt/ui-pro/dist/runtime/components/color-mode/ColorModeButton.vue:18\n 1 node_modules/@nuxt/ui-pro/dist/runtime/components/color-mode/ColorModeSelect.vue:10\n 1 node_modules/@nuxt/ui-pro/dist/runtime/components/color-mode/ColorModeSwitch.vue:10\n 1 node_modules/@nuxt/ui-pro/dist/runtime/components/content/ContentSearch.vue:89\n 1 node_modules/@nuxt/ui-pro/dist/runtime/components/DashboardSearch.vue:57\n 1 node_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeButton.vue:18\n 1 node_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeSelect.vue:10\n 1 node_modules/@nuxt/ui-pro/dist/runtime/vue/components/ColorModeSwitch.vue:10\n\n ERROR Process exited with non-zero status (2)\n```\n\n### Description\n\nI think that there probably needs to be a stub export set up in all cases? Or these files should not be gathered by the typechecking script?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3015,3016,3017,3020],{"name":2920,"color":2921},{"name":2906,"color":2907},{"name":3018,"color":3019},"pro","5BD3CB",{"name":2924,"color":2925},3657,"Setting ui.colorMode = false breaks nuxi typecheck","2025-03-27T20:54:57Z","https://github.com/nuxt/ui/issues/3657",0.6952783,["Reactive",3027],{},["Set"],["ShallowReactive",3030],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fZou8PsPzJEYqQVgStaEiRA1zIlGq-lxc3QgJMT8yBg8":-1},"/nuxt/ui/2461"]