` component.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n[Vue warn]: Invalid prop: custom validator check failed for prop \"color\". \n at \u003CProgress key=1 color=\"neutral\" size=\"xl\" ... > \n```",[2909,2910],{"name":2868,"color":2869},{"name":2874,"color":2875},3407,"UProgress missing color type","2025-03-02T15:30:03Z","https://github.com/nuxt/ui/issues/3407",0.71985966,{"description":2917,"labels":2918,"number":2923,"owner":2877,"repository":2877,"state":2924,"title":2925,"updated_at":2926,"url":2927,"score":2928},"### Environment\r\n\r\n- Operating System: `Darwin`\r\n- Node Version: `v14.19.1`\r\n- Nuxt Version: `3.5.1`\r\n- Nitro Version: `2.4.1`\r\n- Package Manager: `npm@9.7.1`\r\n- Builder: `vite`\r\n- User Config: `app`, `modules`, `htmlValidator`, `css`, `components`, `postcss`, `i18n`\r\n- Runtime Modules: `@nuxtjs/i18n@8.0.0-beta.12`, `@pinia/nuxt@0.4.11`, `@vueuse/nuxt@10.1.2`, `nuxt-jsonld@2.0.8`, `@nuxtjs/html-validator@1.2.5`\r\n- Build Modules: `-`\r\n\r\n\r\n### Reproduction\r\n\r\nget this BaseInput.vue\r\n```\r\n\u003Ctemplate>\r\n \u003Cinput\r\n :type=\"type\"\r\n class=\"rounded-md bg-white text-sm text-gray-700 shadow-sm\"\r\n :class=\"cssClasses\"\r\n :value=\"modelValue\"\r\n v-bind=\"$attrs\"\r\n @input=\"$emit('update:modelValue', $event.target.value)\"\r\n />\r\n \u003Cp v-if=\"error\" class=\"text-red-500 m-1 text-xs\">{{ error }}\u003C/p>\r\n\u003C/template>\r\n\u003Cscript>\r\nexport default defineNuxtComponent({\r\n name: 'BaseInput',\r\n inheritAttrs: false,\r\n emits: ['update:modelValue'],\r\n props: {\r\n block: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n type: {\r\n type: String,\r\n default: 'text',\r\n },\r\n modelValue: {\r\n type: String,\r\n default: '',\r\n },\r\n error: {\r\n type: String,\r\n default: '',\r\n },\r\n },\r\n computed: {\r\n cssClasses() {\r\n const classes = []\r\n if (this.block) {\r\n classes.push('w-full')\r\n }\r\n if (this.error) {\r\n classes.push('border-red-500')\r\n } else {\r\n classes.push('border-gray-200')\r\n }\r\n return classes\r\n },\r\n },\r\n})\r\n\u003C/script>\r\n\r\n```\r\n\r\nthen use it like this\r\n```\r\n\u003CBaseInput v-model=\"emailFilter\" placeholder=\"Email...\" />\r\n\r\n// emailFillter is declared in data() as ''\r\n```\r\n\r\n### Describe the bug\r\n\r\ni get hydration children mismatch when using placeholder on input\r\n\r\nthe REALLY strange part is that if I put \"Email...\" as placeholder, i get the error. If I put \"Em ail...\" the error goes away\r\n\r\n### Additional context\r\n\r\nthis is happening on chrome\r\nworks ok in firefox\r\n\r\n### Logs\r\n\r\n_No response_",[2919,2922],{"name":2920,"color":2921},"3.x","29bc7f",{"name":2899,"color":2900},21943,"closed","hydration children mismatch when using placeholder on input","2023-10-24T11:45:28Z","https://github.com/nuxt/nuxt/issues/21943",0.69471276,{"description":2930,"labels":2931,"number":2936,"owner":2877,"repository":2877,"state":2924,"title":2937,"updated_at":2938,"url":2939,"score":2940},"### 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_",[2932,2933],{"name":2920,"color":2921},{"name":2934,"color":2935},"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.69759333,{"labels":2942,"number":2945,"owner":2877,"repository":2877,"state":2924,"title":2946,"updated_at":2947,"url":2948,"score":2949},[2943,2944],{"name":2920,"color":2921},{"name":2899,"color":2900},13540,"Problem with @intlify/nuxt3 in most latest Nuxt Version","2023-04-20T12:42:17Z","https://github.com/nuxt/nuxt/issues/13540",0.7095891,{"description":2951,"labels":2952,"number":2956,"owner":2877,"repository":2878,"state":2924,"title":2957,"updated_at":2958,"url":2959,"score":2960},"### 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```",[2953,2954,2955],{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2874,"color":2875},4018,"Overriding root variables stopped working in 3.1.0","2025-04-29T12:40:17Z","https://github.com/nuxt/ui/issues/4018",0.7131618,{"description":2962,"labels":2963,"number":2969,"owner":2877,"repository":2878,"state":2924,"title":2970,"updated_at":2971,"url":2972,"score":2973},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v22.9.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.16.0\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.8.3\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.9, @nuxt/eslint@0.7.2, @nuxtjs/seo@2.0.2, @nuxtjs/plausible@1.2.0\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.9\n\n### Reproduction\n\nOn a brand new project:\n\n```\nnpx nuxi@latest init my-app\ncd my-app\nnpm install @nuxt/ui@next\n```\n\nThen\n/app/app.vue\n```vue\n\u003Ctemplate>\n\t\u003CNuxtLayout>\n\t\t\u003CNuxtPage />\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```",[2964,2965,2968],{"name":2868,"color":2869},{"name":2966,"color":2967},"duplicate","cfd3d7",{"name":2871,"color":2872},2823,"`colorMode: false` + /pages/ crash the app","2024-12-03T09:33:17Z","https://github.com/nuxt/ui/issues/2823",0.71489257,{"description":2975,"labels":2976,"number":2979,"owner":2877,"repository":2877,"state":2924,"title":2980,"updated_at":2981,"url":2982,"score":2983},"### 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_",[2977,2978],{"name":2920,"color":2921},{"name":2899,"color":2900},27769,"Nuxt doesn't update when making CSS changes","2024-06-21T17:55:28Z","https://github.com/nuxt/nuxt/issues/27769",0.7161753,["Reactive",2985],{},["Set"],["ShallowReactive",2988],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fQzdAUy7LppJTP2bVWZ09nWmundST2PeQaL9rTIloO1k":-1},"/nuxt/ui/4301"]