`\nThis props was available on Nuxt UI V2.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3037,3040,3041],{"name":3038,"color":3039},"bug","d73a4a",{"name":3024,"color":3025},{"name":3042,"color":3043},"triage","ffffff",3703,"closed","Missing Container UI props","2025-03-27T09:43:56Z","https://github.com/nuxt/ui/issues/3703",0.7605592,{"description":3051,"labels":3052,"number":3058,"owner":3027,"repository":3028,"state":3045,"title":3059,"updated_at":3060,"url":3061,"score":3062},"### Environment\n\n- Mac OS \n- Node version v20.18.1\n- Nuxt v3.15.4\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha13\n\n### Reproduction\n\n1. follow installation from guide:\n\nnpx nuxi init -t ui3 \u003Cmy-app>\n\n2. start: npm run dev\n\n\n### Description\n\n\nThere are no colors, no buttons, no borders, no tailwind classes...\n\n\u003Cimg width=\"870\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/e5d46f25-3e77-4509-9349-6bec41ea8d63\" />\n\nI am not sure what happened and when. Just discovered today after cleaning node_modules and reinstalling all packages that tailwind is not loaded correctly. \n\nAs you can see the same is for fresh install from provided starter.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3053,3054,3055],{"name":3038,"color":3039},{"name":3024,"color":3025},{"name":3056,"color":3057},"upstream","78bddb",3374,"Tailwind CSS 4.0.8 not loading correctly","2025-03-14T20:19:15Z","https://github.com/nuxt/ui/issues/3374",0.7636302,{"description":3064,"labels":3065,"number":3069,"owner":3027,"repository":3028,"state":3045,"title":3070,"updated_at":3071,"url":3072,"score":3073},"### Environment\n\n- Operating System: `Linux`\n- Node Version: `v22.14.0`\n- Nuxt Version: `3.16.2`\n- CLI Version: `3.24.0`\n- Nitro Version: `2.11.8`\n- Package Manager: `npm@11.1.0`\n- Builder: `-`\n- User Config: `devtools`, `compatibilityDate`, `app`, `css`, `vite`, `ui`, `runtimeConfig`, `modules`, `i18n`\n- Runtime Modules: `@nuxt/image@1.10.0`, `@nuxt/eslint@1.3.0`, `@nuxtjs/i18n@9.4.0`, `@nuxt/ui@3.0.2`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.2\n\n### Reproduction\n\nn/a\n\n### Description\n\nIt seems to me that the RadioGroup component doesnt really come with variant or indicator props even though its described in the documentation. Even when chaning it to all available options, nothing changes.\n\nI also checked source files and it appears to not be there as well.\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3066,3067,3068],{"name":3038,"color":3039},{"name":3024,"color":3025},{"name":3042,"color":3043},3765,"variant, indicator and some other props missing in RadioGroup","2025-04-01T15:20:27Z","https://github.com/nuxt/ui/issues/3765",0.7697096,{"description":3075,"labels":3076,"number":3081,"owner":3027,"repository":3028,"state":3045,"title":3082,"updated_at":3083,"url":3084,"score":3085},"### Description\n\nI would like to propose the addition of Khmer language support (ភាសាខ្មែរ), which is the national language of Cambodia 🇰🇭. Adding Khmer will enhance accessibility for Khmer-speaking users and improve their experience when using the Nuxt/UI framework.\n\u003Ch1>Motivation\u003C/h1>\nCurrently, the absence of Khmer language support limits usability for a significant number of users who prefer to interact with applications in their native language. By including Khmer, we can:\n1. Broaden our user base in Cambodia and among Khmer-speaking communities worldwide.\n2. Improve user experience and engagement for Khmer-speaking developers and end-users.\n3. Align with our goal of inclusivity and accessibility in software development.\n\u003Ch1>Proposed Implementation\u003C/h1>\n1. Language Files: Create and include translation files for Khmer.\n2. Testing: Ensure that all components are correctly translated and function as expected in Khmer.\n3. Documentation: Update the documentation to reflect the new language support, including usage examples.\n\u003Ch1>Additional Notes\u003C/h1>\nThis is my first time to open a PR in Nuxt UI repo so if there are any specific guidelines or requirements for adding new languages, please let me know, and I would be happy to follow them.\nThank you for considering this request!\n\n### Additional context\n\n_No response_",[3077,3080],{"name":3078,"color":3079},"enhancement","a2eeef",{"name":3024,"color":3025},3118,"Request to Add Khmer Language Support","2025-01-25T13:14:14Z","https://github.com/nuxt/ui/issues/3118",0.7715967,{"description":3087,"labels":3088,"number":3092,"owner":3027,"repository":3028,"state":3045,"title":3093,"updated_at":3094,"url":3095,"score":3096},"### Description\n\nWhile most components support the theming props (globally via app.config and as local props) the UForm component doesn't. For consistency it'd be great if this could be added to the Form component too.\n\n### Additional context\n\n_No response_",[3089,3090,3091],{"name":3078,"color":3079},{"name":3024,"color":3025},{"name":3042,"color":3043},3752,"Form Component: Support theming props","2025-04-10T19:55:39Z","https://github.com/nuxt/ui/issues/3752",0.7750571,{"description":3098,"labels":3099,"number":3102,"owner":3027,"repository":3028,"state":3045,"title":3103,"updated_at":3104,"url":3105,"score":3106},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v20.12.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@10.4.1\n- Builder: -\n- User Config: extends, modules, $production, devtools, app, css, site, runtimeConfig, sourcemap, future, experimental, compatibilityDate, nitro, eslint, linkChecker, sitemap\n- Runtime Modules: @nuxt/ui-pro@3.0.0-alpha.13, @nuxtjs/seo@2.1.1, @nuxt/content@3.1.1, @sentry/nuxt/module@8.55.0\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.13\n\n### Reproduction\n\nNo reproduction is needed. Prop.state is mutated.\n\n### Description\n\nThe current implementation of the Form component has two significant issues:\n\n\n1. **Direct Prop Mutation**: The component directly mutates its `state` prop, which violates Vue's fundamental rules about prop mutation. From Vue's documentation: [https://vuejs.org/guide/components/props.html#one-way-data-flow](https://vuejs.org/guide/components/props.html#one-way-data-flow)\n> \"All props form a one-way-down binding between the child property and the parent one: when the parent property updates, it will flow down to the child, but not the other way around. This prevents child components from accidentally mutating the parent's state, which can make your app's data flow harder to understand.\"\n\n2. **Breaks Immutable State Patterns**: The direct mutation approach is incompatible with modern state management patterns that rely on immutable state updates.\n\nThe problematic code is in the `_validate` function:\n```typescript\nif (opts.transform) {\n Object.assign(props.state, transformedState.value)\n}\n\n```\n\nhttps://github.com/nuxt/ui/blob/v3/src/runtime/components/Form.vue\n\nLine 182",[3100,3101],{"name":3038,"color":3039},{"name":3024,"color":3025},3354,"Form component violates Vue prop mutation rules and breaks immutable state patterns","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3354",0.77601415,{"description":3108,"labels":3109,"number":3112,"owner":3027,"repository":3028,"state":3045,"title":3113,"updated_at":3114,"url":3115,"score":3116},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v20.10.0\n- Nuxt Version: 3.15.0\n- CLI Version: 3.17.2\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.15.1\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.9, @nuxt/eslint@0.7.4\n- Build Modules: -\n------------------------------\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.10\n\n### Reproduction\n\nRepo: https://github.com/Cyanhall/nuxt-ui-v3-demo/tree/main/demo3\n\nCode: https://github.com/Cyanhall/nuxt-ui-v3-demo/blob/main/demo3/app/components/SearchPalette.vue#L46\n\n### Description\n\nThe placeholder in UInput within UModal does not display.\n\n```vue\n\u003CUInput\n class=\"w-full mb-4\"\n size=\"sm\"\n icon=\"i-lucide-search\"\n placeholder=\"Search...\"\n>\n \u003Ctemplate #trailing>\n \u003CUKbd value=\"shift\" />\n \u003CUKbd value=\"G\" />\n \u003C/template>\n\u003C/UInput>\n```\n\u003Cimg width=\"496\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/be2e8457-b3ac-4b70-838b-2b2b7399c091\" />\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3110,3111],{"name":3038,"color":3039},{"name":3024,"color":3025},2977,"The placeholder in UInput within UModal does not display","2025-03-03T09:06:21Z","https://github.com/nuxt/ui/issues/2977",0.7818455,{"description":3118,"labels":3119,"number":3121,"owner":3027,"repository":3028,"state":3045,"title":3122,"updated_at":3123,"url":3124,"score":3125},"### Description\n\nPlease help, I would like to add an item to my array when I click on one, at the moment, when I click on an item, all get selected, here is my code:\r\n`\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CUButton label=\"Open\" @click=\"isOpen = true\" />\r\n\r\n \u003CUModal v-model=\"isOpen\">\r\n \u003C!-- Display the command palette -->\r\n \u003CUCommandPalette\r\n @select=\"onSelectKeyword\"\r\n v-model=\"selected\"\r\n multiple\r\n nullable\r\n :groups=\"[{ key: 'items', commands: items }]\"\r\n />\r\n\r\n \u003C!-- Input and button to add a new keyword -->\r\n \u003Cdiv class=\"mt-4\">\r\n \u003CUInput\r\n v-model=\"newKeyword\"\r\n placeholder=\"Enter a new keyword\"\r\n class=\"w-full\"\r\n />\r\n \u003CUButton\r\n @click=\"addKeyword\"\r\n label=\"Add Keyword\"\r\n color=\"green\"\r\n class=\"mt-2\"\r\n />\r\n \u003C/div>\r\n\r\n \u003C!-- Display the selected keyword -->\r\n \u003Cdiv v-if=\"selectedKeyword\" class=\"mt-4 text-lg\">\r\n Selected Keyword: \u003Cspan class=\"font-bold\">{{ selectedKeyword }}\u003C/span>\r\n \u003C/div>\r\n \u003C/UModal>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup>\r\nconst props = defineProps({\r\n items: {\r\n type: Array,\r\n required: true,\r\n },\r\n});\r\nconst isOpen = ref(false)\r\nconst selected = ref([])\r\n// Log to check if items are being passed correctly\r\nconsole.log('Command Items in Child Component:', props.items);\r\nconst emit = defineEmits(['add-new-keyword']);\r\nconst selectedKeyword = ref([]);\r\nconst newKeyword = ref('');\r\n\r\n// Function to handle keyword selection\r\nconst onSelectKeyword = (item) => {\r\n const index = selectedKeyword.value.findIndex(i => i === item.value);\r\n\r\n if (index === -1) {\r\n // Add item if not already selected\r\n selectedKeyword.value.push(item.value);\r\n } else {\r\n // Remove item if already selected (deselect)\r\n selectedKeyword.value.splice(index, 1);\r\n }\r\n};\r\n\r\n// Function to add a new keyword\r\nconst addKeyword = () => {\r\n const trimmedKeyword = newKeyword.value.trim().toLowerCase();\r\n\r\n // Emit the new keyword to the parent component if it's valid\r\n if (trimmedKeyword && !props.items.includes(trimmedKeyword)) {\r\n emit('add-new-keyword', trimmedKeyword); // Emit the event to the parent\r\n newKeyword.value = ''; // Reset the input field\r\n } else {\r\n alert('Keyword is either empty or already exists.');\r\n }\r\n};\r\n\u003C/script>\r\n\r\n\r\n\u003Cstyle scoped>\r\n.UCommandPalette {\r\n border: 1px solid red;\r\n background-color: lightyellow;\r\n}\r\n/* Optional styling for better UI */\r\n.mt-4 {\r\n margin-top: 1rem;\r\n}\r\n.mt-2 {\r\n margin-top: 0.5rem;\r\n}\r\n.w-full {\r\n width: 100%;\r\n}\r\n\u003C/style>\r\n`",[3120],{"name":3021,"color":3022},2202,"when using the UCommandPalette I click on one item and all get selected","2024-09-30T12:46:35Z","https://github.com/nuxt/ui/issues/2202",0.7832846,{"description":3127,"labels":3128,"number":3130,"owner":3027,"repository":3028,"state":3045,"title":3131,"updated_at":3132,"url":3133,"score":3134},"### For what version of Nuxt UI are you asking this question?\n\nv2.x\n\n### Description\n\nHello, first of all thank you for your fairly complete UI modules! \n\nI'm trying to do multi-line with the slot option of your UTooltip component, unfortunately it only displays the first line. \n\nIs it possible to do this ? Do you have a use case to show me please ?\n\nThank you in advance !",[3129],{"name":3021,"color":3022},2530,"Multi-line of UTooltip Component","2024-11-06T16:43:15Z","https://github.com/nuxt/ui/issues/2530",0.78549844,["Reactive",3136],{},["Set"],["ShallowReactive",3139],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fDq1qBzi7YppeDeoBaHl0eIdMCqhk1aa_biCE_PmPp1o":-1},"/nuxt/ui/3265"]