\n\nThere's an error in the Vitest browser UI which is swallowed by the CLI\n\n`❯ /node_modules/.pnpm/vite@6.0.11_@types+node@22.12.0_jiti@2.4.2_terser@5.37.0_yaml@2.7.0/node_modules/vite/dist/client/env.mjs:12:482`\n\n\u003Cimg width=\"600\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/6a35f447-cbaa-4ce9-8c25-81b7b686be3e\" />\n\n### Additional context\n\nAfter following the instructions, pulling the reproduction repo, and otherwise trying to get a basic installation of Vitest + Playwright + Nuxt working, I've found that I can't.\n\n### Logs\n\n```shell-script\n\n```",[1984],{"name":1985,"color":1986},"pending triage","5D08F5",1106,"nuxt","test-utils","open","Support Vitest Browser Mode w/ Playwright provider","2025-02-19T08:57:58Z","https://github.com/nuxt/test-utils/issues/1106",0.4588099,{"description":1996,"labels":1997,"number":2004,"owner":1988,"repository":2005,"state":1990,"title":2006,"updated_at":2007,"url":2008,"score":2009},"### 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",[1998,2001],{"name":1999,"color":2000},"question","d876e3",{"name":2002,"color":2003},"v3","49DCB8",3645,"ui","Applying transition-colors to light / dark theme","2025-03-21T16:20:57Z","https://github.com/nuxt/ui/issues/3645",0.75772357,{"description":2011,"labels":2012,"number":2016,"owner":1988,"repository":1988,"state":2017,"title":2018,"updated_at":2019,"url":2020,"score":2021},"https://nuxt.com/docs/guide/directory-structure/middleware#format\r\n\r\n\r\n\r\n\r\n\r\n",[2013],{"name":2014,"color":2015},"3.x","29bc7f",15632,"closed","bug: docs `{` ","2023-01-19T18:19:54Z","https://github.com/nuxt/nuxt/issues/15632",0.71757245,{"description":2023,"labels":2024,"number":2034,"owner":1988,"repository":2005,"state":2017,"title":2035,"updated_at":2036,"url":2037,"score":2038},"### Environment\n\n- Operating System: Linux\r\n- Node Version: v20.17.0\r\n- Nuxt Version: 3.12.4\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: pnpm@9.10.0\r\n- Builder: -\r\n- User Config: extends, modules, ui, colorMode, routeRules, devtools, typescript, future, eslint, runtimeConfig, compatibilityDate\r\n- Runtime Modules: @nuxt/eslint@0.5.1, @nuxt/fonts@0.7.2, @nuxt/ui@2.18.4, @vueuse/nuxt@10.11.1\r\n- Build Modules: -\n\n### Version\n\n2.18.4\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-9zrfga?file=app.vue\r\n\n\n### Description\n\nHi everyone.\r\nI truly appreciate your work. Many many thanks!!\r\nI'm starting a new project, my first project with \"nuxt\" and \"nuxt ui+pro\" (I liked the dashboard theme).\r\nMaybe I'm doing something wrong, in this case please help me.\r\nOtherwise I think I found an error in the theme of the UDashboardModal component.\r\n\r\nThe background of UDashboardModal does not follow the length of its content in \"mobile view\" (small devide, in this example 400x616).\r\n\r\n\r\n\r\nIn desktop viewport work as expected.\r\n\r\n\r\n\r\nWhat's do you think?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2025,2028,2031],{"name":2026,"color":2027},"bug","d73a4a",{"name":2029,"color":2030},"duplicate","cfd3d7",{"name":2032,"color":2033},"pro","5BD3CB",2220,"Issue Nuxt UI Pro UDashboardModal background ","2024-10-06T18:00:50Z","https://github.com/nuxt/ui/issues/2220",0.7240356,{"description":2040,"labels":2041,"number":2043,"owner":1988,"repository":1988,"state":2017,"title":2044,"updated_at":2045,"url":2046,"score":2047},"\r\n\u003Cimg width=\"638\" alt=\"image\" src=\"https://user-images.githubusercontent.com/24729021/190970189-faafbb0d-45f3-4836-9bb2-0d3ca0b518e5.png\">\r\n",[2042],{"name":2014,"color":2015},14959,"500 [vite-node] [plugin:vite:import-analysis] ./node_modules/nuxt/dist/app/entry.mjs","2023-01-19T17:43:07Z","https://github.com/nuxt/nuxt/issues/14959",0.7249789,{"description":2049,"labels":2050,"number":2052,"owner":1988,"repository":2005,"state":2017,"title":2053,"updated_at":2054,"url":2055,"score":2056},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v22.3.0`\r\n- Nuxt Version: `3.13.1`\r\n- CLI Version: `3.13.1`\r\n- Nitro Version: `2.9.7`\r\n- Package Manager: `yarn@1.22.22`\r\n- Builder: `-`\r\n- User Config: `compatibilityDate`, `devtools`, `modules`, `plugins`, `runtimeConfig`, `i18n`\r\n- Runtime Modules: `@nuxt/ui@2.18.4`, `@nuxtjs/i18n@8.5.1`\r\n- Build Modules: `-`\r\n\n\n### Version\n\nv2.18.4\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-jfdc58?file=app.vue,app.config.ts\n\n### Description\n\n## Description\r\nThe Nuxt UI notification component is currently being created and added to the DOM even when no toast has been triggered. This behavior leads to unintended consequences due to the component's z-index:\r\n\r\nThe notification component occupies part of the screen unnecessarily.\r\nIt overlaps other elements on the page due to its z-index, potentially disrupting the user interface.\r\n\r\n## Expected Behavior\r\nThe notification component should only be created and added to the DOM when a toast is actually triggered.\r\n\r\n## Current Behavior\r\nThe notification component is always present in the DOM, regardless of whether a toast has been triggered or not.\r\n\r\n## Steps to Reproduce\r\n\r\n- Implement the Nuxt UI notification component in a project.\r\n- Inspect the DOM without triggering any toasts.\r\n- Observe that the notification component is present and has a z-index applied.\r\n\r\n## Additional Context\r\nThis issue affects the usability and performance of applications using the Nuxt UI notification component. Resolving it would improve both the user experience and the overall efficiency of the component.\r\n\r\n## Possible Solution\r\nConsider implementing a conditional rendering approach where the notification component is only added to the DOM when it's actually needed (i.e., when a toast is triggered).\r\n\u003Cimg width=\"1427\" alt=\"Screenshot 2024-09-04 at 6 29 00 PM\" src=\"https://github.com/user-attachments/assets/da90352f-71e6-4aaf-9bda-7a9e4a3fd056\">\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2051],{"name":2026,"color":2027},2113,"Notification component created even when toast is not triggered, causing z-index issues","2024-11-09T10:24:37Z","https://github.com/nuxt/ui/issues/2113",0.7294556,{"description":2058,"labels":2059,"number":2061,"owner":1988,"repository":1988,"state":2017,"title":2062,"updated_at":2063,"url":2064,"score":2065},"\r\n",[2060],{"name":2014,"color":2015},15558,"Typo in codebase: `transfrom` instead of `transform`","2023-01-19T17:54:13Z","https://github.com/nuxt/nuxt/issues/15558",0.73737806,{"description":2067,"labels":2068,"number":2072,"owner":1988,"repository":1988,"state":2017,"title":2073,"updated_at":2074,"url":2075,"score":2076},"\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/c2144\">#c2144\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2069],{"name":2070,"color":2071},"2.x","d4c5f9",2470,"memory leaks with next tag","2023-01-18T15:55:18Z","https://github.com/nuxt/nuxt/issues/2470",0.7382822,{"description":2078,"labels":2079,"number":2081,"owner":1988,"repository":1988,"state":2017,"title":2082,"updated_at":2083,"url":2084,"score":2085},"npm run generate\r\n\r\n\r\n\r\nmy pages\r\n\r\n\r\nlist.vue\r\n\r\n\r\nwhat's wrong and how to fix ???\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c981\">#c981\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2080],{"name":2070,"color":2071},1123,"generate error about \"headers\"","2023-01-18T15:40:45Z","https://github.com/nuxt/nuxt/issues/1123",0.7444696,{"description":2087,"labels":2088,"number":2089,"owner":1988,"repository":1989,"state":2017,"title":2090,"updated_at":2091,"url":2092,"score":2093},"\r\n",[],375,"[v2] hide vue devtools warning","2023-12-02T00:13:09Z","https://github.com/nuxt/test-utils/issues/375",0.74556446,["Reactive",2095],{},["Set"],["ShallowReactive",2098],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"ug4U1N9_a3OipEurbUKWdJTBAiZnxQTLyTHWZ0BS2mg":-1},"/nuxt/nuxt.com/1106"]