\n\t\u003C/NuxtLayout>\n\u003C/template>\n```\n\nnuxt.config.ts\n```js\n// https://nuxt.com/docs/api/configuration/nuxt-config\nexport default defineNuxtConfig({\n\tcompatibilityDate: \"2024-11-01\",\n modules: ['@nuxt/ui', '@nuxt/eslint', '@nuxtjs/seo'],\n css: ['~/assets/css/main.css'],\n\n\tdevtools: { enabled: true },\n\tfuture: {\n\t\tcompatibilityVersion: 4,\n\t},\n\tui: {\n // error here\n\t\tcolorMode: false,\n\t},\n});\n\n```\n\n### Description\n\nWhen changing the ui.colorMode to false AND using the `pages` folder, it crashes the whole app (error below).\n\n\n```\n500\n[vite-node] [plugin:nuxt:imports-transform] [VITE_ERROR] /@fs/Users/jeannen/Dev/apps/node_modules/@nuxt/ui/dist/devtools/runtime/DevtoolsRenderer.vue?macro=true\n\n/* Injection by vite-plugin-vue-inspector Start */\nimport { createVNode as __createVNode } from 'vue'\nfunction _interopVNode(vnode) {\n if (vnode && vnode.props && 'data-v-inspector' in vnode.props) {\n const data = vnode.props['data-v-inspector']\n delete vnode.props['data-v-inspector']\n Object.defineProperty(vnode.props, '__v_inspector', { value: data, enumerable: false })\n }\n return vnode\n}\nfunction _createVNode(...args) { return _interopVNode(__createVNode(...args)) }\n/* Injection by vite-plugin-vue-inspector End */\nimport { defineComponent as _defineComponent } from \"vue\";\nimport { onUnmounted, onMounted, reactive } from \"vue\";\nimport { pascalCase } from \"scule\";\nimport { defineAsyncComponent, useColorMode, useRoute } from \"#imports\";\nconst _sfc_main = /* @__PURE__ */ _defineComponent({\n __name: \"DevtoolsRenderer\",\n setup(__props, { expose: __expose }) {\n __expose();\n const route = useRoute();\n const component = route.query?.example ? defineAsyncComponent(() => import(`./examples/${route.query.example}.vue`)) : route.params?.slug && defineAsyncComponent(() => import(`../../runtime/components/${pascalCase(route.params.slug)}.vue`));\n const state = reactive({});\n function onUpdateRenderer(event) {\n state.props = { ...event.data.props };\n state.slots = { ...event.data.slots };\n }\n const colorMode = useColorMode();\n function setColorMode(event) {\n colorMode.preference = event.isDark ? \"dark\" : \"light\";\n }\n onMounted(() => {\n (void 0).parent.addEventListener(\"nuxt-ui-devtools:update-renderer\", onUpdateRenderer);\n (void 0).parent.addEventListener(\"nuxt-ui-devtools:set-color-mode\", setColorMode);\n });\n onUnmounted(() => {\n (void 0).parent.removeEventListener(\"nuxt-ui-devtools:update-renderer\", onUpdateRenderer);\n (void 0).parent.removeEventListener(\"nuxt-ui-devtools:set-color-mode\", setColorMode);\n });\n onMounted(async () => {\n const event = new Event(\"nuxt-ui-devtools:component-loaded\");\n (void 0).parent.dispatchEvent(event);\n });\n onMounted(() => {\n if (!route.query?.example) return;\n });\n const __returned__ = { route, component, state, onUpdateRenderer, colorMode, setColorMode };\n Object.defineProperty(__returned__, \"__isScriptSetup\", { enumerable: false, value: true });\n return __returned__;\n }\n});\nimport { resolveComponent as _resolveComponent, resolveDynamicComponent as _resolveDynamicComponent, mergeProps as _mergeProps, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from \"vue\";\nimport { ssrRenderVNode as _ssrRenderVNode, ssrRenderComponent as _ssrRenderComponent, ssrRenderAttrs as _ssrRenderAttrs } from \"vue/server-renderer\";\nfunction _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {\n const _component_UApp = _resolveComponent(\"UApp\");\n _push(`\u003Cdiv${_ssrRenderAttrs(_mergeProps({\n id: \"ui-devtools-renderer\",\n class: \"nuxt-ui-component-renderer\",\n \"data-v-inspector\": \"../node_modules/@nuxt/ui/dist/devtools/runtime/DevtoolsRenderer.vue:44:3\"\n }, _attrs))}>`);\n _push(_ssrRenderComponent(_component_UApp, { toaster: null }, {\n default: _withCtx((_, _push2, _parent2, _scopeId) => {\n if (_push2) {\n if ($setup.component) {\n _ssrRenderVNode(_push2, _createVNode(_resolveDynamicComponent($setup.component), _mergeProps($setup.state.props, {\n class: $setup.state?.slots?.base,\n ui: $setup.state.slots\n }), null), _parent2, _scopeId);\n } else {\n _push2(`\u003C!---->`);\n }\n } else {\n return [\n $setup.component ? (_openBlock(), _createBlock(_resolveDynamicComponent($setup.component), _mergeProps({ key: 0 }, $setup.state.props, {\n class: $setup.state?.slots?.base,\n ui: $setup.state.slots\n }), null, 16, [\"class\", \"ui\"])) : _createCommentVNode(\"v-if\", true)\n ];\n }\n }),\n _: 1\n /* STABLE */\n }, _parent));\n _push(`\u003C/div>`);\n}\nimport \"/Users/jeannen/Dev/apps/node_modules/@nuxt/ui/dist/devtools/runtime/DevtoolsRenderer.vue?vue&type=style&index=0&lang.css\";\nimport { useSSRContext as __vite_useSSRContext } from \"vue\";\nconst _sfc_setup = _sfc_main.setup;\n_sfc_main.setup = (props, ctx) => {\n const ssrContext = __vite_useSSRContext();\n (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add(\"../../node_modules/@nuxt/ui/dist/devtools/runtime/DevtoolsRenderer.vue\");\n return _sfc_setup ? _sfc_setup(props, ctx) : void 0;\n};\nimport _export_sfc from \"\\0plugin-vue:export-helper\";\nexport default /* @__PURE__ */ _export_sfc(_sfc_main, [[\"ssrRender\", _sfc_ssrRender], [\"__file\", \"/Users/jeannen/Dev/apps/node_modules/@nuxt/ui/dist/devtools/runtime/DevtoolsRenderer.vue\"]]);\n\nat /@fs/Users/jeannen/Dev/apps/node_modules/@nuxt/ui/dist/devtools/runtime/DevtoolsRenderer.vue?macro=true\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3060,3061,3064],{"name":3019,"color":3020},{"name":3062,"color":3063},"duplicate","cfd3d7",{"name":3022,"color":3023},2823,"closed","`colorMode: false` + /pages/ crash the app","2024-12-03T09:33:17Z","https://github.com/nuxt/ui/issues/2823",0.6951754,{"description":3072,"labels":3073,"number":3080,"owner":3028,"repository":3028,"state":3066,"title":3081,"updated_at":3082,"url":3083,"score":3084},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v18.12.1\r\n- Nuxt Version: 3.6.2\r\n- Nitro Version: 2.6.2\r\n- Package Manager: pnpm@8.6.0\r\n- Builder: vite\r\n- User Config: sourcemap, runtimeConfig, typescript, css, build, vite, nitro, routeRules, modules, i18n, intercom, webVitals, gtm, devtools\r\n- Runtime Modules: @nuxt/image@1.0.0-rc.1, unplugin-icons/nuxt, nuxt-3-intercom@1.0.8, @nuxtjs/fontaine@0.4.1, @nuxtjs/web-vitals@0.2.6, @vueuse/nuxt@10.2.1, nuxt-vuetify-nested-containment@0.0.4, @zadigetvoltaire/nuxt-gtm@0.0.13, nuxt-vuetify-error-handler@1.1.0, (), @pinia/nuxt@0.4.11, nuxt-i18n-data@0.1.22, @nuxtjs/i18n@8.0.0-beta.12\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-wudebh?file=app.vue,plugins%2Fvuetify.ts,nuxt.config.ts,package.json\r\n\r\n### Describe the bug\r\n\r\nSince I updated to nuxt 3.7.0 the text color in every input is white. It's may a combination with vuetify but even when I rollback vuetify to 3.3.8 the input color is still white.\r\n\r\nI rolled back nuxt to 3.6.2 and vuetify to 3.3.8 and the input color is black again\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3074,3077],{"name":3075,"color":3076},"3.x","29bc7f",{"name":3078,"color":3079},"upstream","E8A36D",22944,"Nuxt 3.7.0 - input text color is white","2023-09-04T11:53:52Z","https://github.com/nuxt/nuxt/issues/22944",0.69650424,{"description":3086,"labels":3087,"number":3091,"owner":3028,"repository":3029,"state":3066,"title":3092,"updated_at":3093,"url":3094,"score":3095},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.11.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.9\n- Package Manager: npm@10.9.0\n- Builder: -\n- User Config: devtools, modules, runtimeConfig, app, css, ui, icon, i18n, future, compatibilityDate\n- Runtime Modules: @nuxt/ui@3.1.0, @nuxt/eslint@1.3.0, @nuxtjs/device@3.2.4, @nuxtjs/i18n@9.5.3, @pinia/nuxt@0.11.0, @vueuse/nuxt@13.1.0, nuxt-lodash@2.5.3\n- Build Modules: -\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/vigorous-cerf-pnrc3g\n\n// app.config.ts\nexport default defineAppConfig({\n ui: {\n colors: {\n primary: 'emerald',\n neutral: 'zinc',\n red: 'red',\n orange: 'orange',\n yellow: 'yellow',\n green: 'green',\n blue: 'blue',\n purple: 'purple',\n gray: 'gray',\n },\n }\n}\n\n// nuxt.config.ts\n\nui: {\n theme: {\n colors: [ 'primary', 'secondary', 'success', 'info', 'warning', 'error', 'red', 'orange', 'yellow', 'green', 'blue', 'purple', 'gray' ],\n },\n },\n\n### Description\n\nYesterday everything was working fine, no code was changed, after the upgrade it broke.\nFor example:\n```html\n\u003Cdiv class=\"bg-(--ui-orange)\">\n```\nOr\n```html\n\u003Cdiv class=\"bg-orange\">\n```\nBoth not work\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3088,3089,3090],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},3977,"Extend colors not work after update to v3.1","2025-04-28T10:40:09Z","https://github.com/nuxt/ui/issues/3977",0.6992301,{"description":3097,"labels":3098,"number":3102,"owner":3028,"repository":3029,"state":3066,"title":3103,"updated_at":3104,"url":3105,"score":3106},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.11.0`\n- Nuxt Version: `3.17.0`\n- CLI Version: `3.25.0`\n- Nitro Version: `2.11.11`\n- Package Manager: `pnpm@10.4.0`\n- Builder: `-`\n- User Config: `-`\n- Runtime Modules: `-`\n- Build Modules: `-`\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/modern-dust-h3lryc\n\n### Description\n\nHey, after upgrading to latest `@nuxt/ui`, custom Nuxt UI variable overrides stopped working. Looks like the correct colors are not generating.\n\nThis has worked in the previous versions:\n\n```\n:root {\n --ui-bg-elevated: var(--ui-color-neutral-500);\n}\n\nmain {\n --ui-bg-elevated: var(--color-white);\n}\n\n// Should have color --ui-color-neutral-500 with 0.5 opacity - CORRECT\n\u003Cdiv class=\"p-8 flex items-center gap-2 bg-elevated/50\">\n\u003C/div>\n\n// Should have color --color-white with 0.5 opacity - NOT WORKING - has colors from :root\n\u003Cmain class=\"p-8 flex items-center gap-2 bg-elevated/50\">\n\u003C/main>\n```\n\nCurrently, the variables in main have no effect on the sites.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3099,3100,3101],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3025,"color":3026},4018,"Overriding root variables stopped working in 3.1.0","2025-04-29T12:40:17Z","https://github.com/nuxt/ui/issues/4018",0.7029455,{"description":3108,"labels":3109,"number":3119,"owner":3028,"repository":3028,"state":3066,"title":3120,"updated_at":3121,"url":3122,"score":3123},"### Environment\n\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v22.15.0\n- Nuxt Version: 3.17.4\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: yarn@1.22.22\n- Builder: -\n- User Config: modules, components, devtools, app, vue, colorMode, ui, runtimeConfig, future, compatibilityDate, nitro, vite, postcss, booster, eslint, icon, image, pwa\n- Runtime Modules: @nuxt/devtools@2.4.1, @nuxt/ui@2.22.0, @vueuse/nuxt@13.2.0, @vueuse/motion/nuxt@3.0.3, @nuxt/image@1.10.0, @pinia/nuxt@0.11.0, pinia-plugin-persistedstate/nuxt@4.3.0, @vite-pwa/nuxt@1.0.1, nuxt3-leaflet@1.0.13, @nuxtjs/device@3.2.4, @nuxt/eslint@1.4.1, nuxt-booster@3.2.9, @hebilicious/vue-query-nuxt@0.3.0\n- Build Modules: -\n------------------------------\n\n### Reproduction\n\n can't do \n \n\n### Describe the bug\n\n\nTypeError: Cannot read properties of undefined (reading 'default')\n at file:///var/task/chunks/build/server.mjs:1:3590\n ... 8 lines matching cause stack trace ...\n at async Server.\u003Canonymous> (/opt/rust/nodejs.js:16:6960) {\n cause: TypeError: Cannot read properties of undefined (reading 'default')\n at file:///var/task/chunks/build/server.mjs:1:3590\n at process.processTicksAndRejections (node:internal/process/task_queues:105:5)\n at async t (file:///var/task/chunks/build/server.mjs:1:3510)\n at async Object.renderToString (file:///var/task/node_modules/vue-bundle-renderer/dist/runtime.mjs:173:19)\n at async Object.render (file:///var/task/chunks/routes/renderer.mjs:298:21)\n at async Object.handler (file:///var/task/chunks/nitro/nitro.mjs:5135:22)\n at async Object.handler (file:///var/task/chunks/nitro/nitro.mjs:2018:19)\n at async toNodeHandle (file:///var/task/chunks/nitro/nitro.mjs:2289:7)\n at async Server.r (/opt/rust/nodejs.js:2:14648)\n at async Server.\u003Canonymous> (/opt/rust/nodejs.js:16:6960),\n statusCode: 500,\n fatal: false,\n unhandled: true,\n statusMessage: undefined,\n data: undefined\n}\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3110,3113,3116],{"name":3111,"color":3112},"pending triage","E99695",{"name":3114,"color":3115},"needs reproduction","FBCA04",{"name":3117,"color":3118},"possible regression","B90A42",32181,"update from \"nuxt\": \"^3.17.3\", to \"nuxt\": \"^3.17.4\" make the app crash","2025-05-21T20:37:21Z","https://github.com/nuxt/nuxt/issues/32181",0.7062632,{"description":3125,"labels":3126,"number":3129,"owner":3028,"repository":3028,"state":3066,"title":3130,"updated_at":3131,"url":3132,"score":3133},"### Environment\n\n- Operating System: Windows_NT\r\n- Node Version: v22.1.0\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.6\r\n- Package Manager: npm@10.7.0\r\n- Builder: -\r\n- User Config: devtools, ssr, modules, alias, colorMode, vuefire\r\n- Runtime Modules: @nuxtjs/tailwindcss@6.12.0, shadcn-nuxt@0.10.4, nuxt-vuefire@1.0.2, @vueuse/nuxt@10.9.0, @pinia/nuxt@0.5.1, @nuxtjs/color-mode@3.4.1\r\n- Build Modules: -\n\n### Reproduction\n\nAny project\n\n### Describe the bug\n\nWhen saving changes in HTML/template the website updates.\r\nWhen saving changes in Javascript/script the website updates.\r\nWhen saving changes in CSS the website **does not** updates.\r\nA manual refresh is necessary, or adding a space in the script part.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3127,3128],{"name":3075,"color":3076},{"name":3111,"color":3112},27769,"Nuxt doesn't update when making CSS changes","2024-06-21T17:55:28Z","https://github.com/nuxt/nuxt/issues/27769",0.70675,{"description":3135,"labels":3136,"number":3139,"owner":3028,"repository":3029,"state":3066,"title":3140,"updated_at":3141,"url":3142,"score":3143},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.14.0\n- Nuxt Version: 3.17.1\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.11\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: app, build, colorMode, compatibilityDate, debug, devtools, fonts, future, hooks, i18n, icon, imports, modules, nitro, routeRules, runtimeConfig, security, ssr, sourcemap, css, telemetry, vite\n- Runtime Modules: @nuxt/eslint@1.3.0, @pinia/nuxt@0.11.0, @vueuse/nuxt@13.1.0, @nuxtjs/i18n@9.5.3, nuxt-security@2.2.0, @nuxt/ui@3.1.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/epic-smoke-95wysw?file=%2Fapp%2Fpages%2Findex.vue\n\n### Description\n\nUsing the `@update:model-value` event handler produces type errors with the Select component, starting from nuxt-ui v3.1.0 (v3.0.2 works fine).\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\nType 'boolean | AcceptableValue | undefined' is not assignable to type '\"yes\" | \"no\"'.\n Type 'undefined' is not assignable to type '\"yes\" | \"no\"'.ts-plugin(2322)\n```",[3137,3138],{"name":3019,"color":3020},{"name":3022,"color":3023},4019,"Type Issue with Select Component","2025-04-29T15:39:56Z","https://github.com/nuxt/ui/issues/4019",0.70753556,["Reactive",3145],{},["Set"],["ShallowReactive",3148],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fn3N9iwexduZ3QT1jdIOrKeUKVSU6lLoHnbrZ8P2MR7E":-1},"/nuxt/ui/3948"]