\r\n \u003CIcon\r\n :class=\"{ hidden: agree }\"\r\n mode=\"svg\"\r\n :customize=\"setUnchecked\"\r\n name=\"local:checkbox\"\r\n />\r\n Yes\r\n \u003C/label>\r\n \u003Clabel>\r\n \u003Cinput\r\n v-model=\"agree2\"\r\n required\r\n type=\"checkbox\"\r\n class=\"invisible absolute -z-10\"\r\n >\r\n \u003CIcon\r\n mode=\"svg\"\r\n :customize=\"customize('black', 'white')\"\r\n name=\"local:checkbox\"\r\n :class=\"{ hidden: !agree }\"\r\n />\r\n \u003CIcon\r\n :class=\"{ hidden: agree }\"\r\n mode=\"svg\"\r\n :customize=\"customize('black', 'yellow')\"\r\n name=\"local:checkbox\"\r\n />\r\n Yes\r\n \u003C/label>\r\n\u003C/template>\r\n```\r\n\u003Cdetails>\u003Csummary>SVG\u003C/summary>\r\n\u003Cp>\r\n\r\n```svg\r\n\u003Csvg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n \u003Crect x=\"0.5\" y=\"0.5\" width=\"19\" height=\"19\" rx=\"3.5\" fill=\"#24A3B6\"/>\r\n \u003Crect x=\"0.5\" y=\"0.5\" width=\"19\" height=\"19\" rx=\"3.5\" stroke=\"#24A3B6\"/>\r\n \u003Cg clip-path=\"url(#clip0_4188_74097)\">\r\n \u003Cpath d=\"M6 9.5L9.125 12.625L15.375 6.375\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n \u003C/g>\r\n \u003Cdefs>\r\n \u003CclipPath id=\"clip0_4188_74097\">\r\n \u003Crect width=\"15\" height=\"15\" fill=\"white\" transform=\"translate(3 2)\"/>\r\n \u003C/clipPath>\r\n \u003C/defs>\r\n \u003C/svg>\r\n```\r\n\r\n\u003C/p>\r\n\u003C/details> \r\n\r\n\u003Cdetails>\u003Csummary>`app.config.ts`\u003C/summary>\r\n\u003Cp>\r\n\r\n```ts\r\n// app.config.ts\r\nexport default defineAppConfig({\r\n icon: {\r\n size : '20px',\r\n customCollections: [\r\n {\r\n prefix: 'local',\r\n dir : './assets/images/icons/'\r\n }\r\n ],\r\n})\r\n```\r\n\r\n\u003C/p>\r\n\u003C/details> \r\n\r\nThe number of times I've restarted Nuxt for debugging this is horrendous.",[],264,"icon","How do I change `customize` dynamically, and why doesn't the component update with ticks?","2024-09-30T17:50:29Z","https://github.com/nuxt/icon/issues/264",0.77390355,{"description":2926,"labels":2927,"number":2932,"owner":2872,"repository":2873,"state":2933,"title":2934,"updated_at":2935,"url":2936,"score":2937},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.20.3\r\n- Nuxt Version: 3.13.2\r\n- CLI Version: 3.13.2\r\n- Nitro Version: 2.9.7\r\n- Package Manager: pnpm@8.15.6\r\n- Builder: -\r\n- User Config: modules, typescript\r\n- Runtime Modules: @nuxt/ui@2.18.6\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Version\r\n\r\n2.18.6\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/nuxt-ui-itcrga?file=app.config.ts\r\n\r\n> Type '\"white\"' is not assignable to type '\"primary\"'. ts(2322)\r\n\r\n### Description\r\n\r\n`primary` is the only possible value for colours in the default config of a lot of components. Issue appeared with 2.18.x\r\nAlso noticed a similar issue on other configs, like `variant` for buttons\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2928,2929],{"name":2908,"color":2909},{"name":2930,"color":2931},"duplicate","cfd3d7",2241,"closed","Type issue with colors/variant in app.config.ts","2024-10-06T18:03:19Z","https://github.com/nuxt/ui/issues/2241",0.7270767,{"description":2939,"labels":2940,"number":2943,"owner":2872,"repository":2873,"state":2933,"title":2944,"updated_at":2945,"url":2946,"score":2947},"### Description\n\nFaced with such a problem that if there are enough divs in the modal window, then the modal window acquires a shell bar. \n\nThe question is, is it possible to customize the scrollbar inside the modal window?.\n\nI tried to write shell styles inside the ui settings, or in the app.config.ts style separately for modal, but nothing worked.\n\nI am using Nuxt UI 3 (3.0.0-beta.2).\n\n```\n\u003CUModal\n :title=\"`edit product ${props.product.name}`\"\n description=\"text text text text text text text text text text text text text text text!\"\n :ui=\"{\n content: 'w-[600px] max-w-full modal-body-scroll',\n body: 'modal-body-scroll',\n title: 'text-(--ui-primary)'\n }\"\n > \n //content divs\n\u003C/UModal>\n\n\n//Test style in the modal-body-scroll class\n\u003Cstyle scoped>\n.modal-body-scroll {\n max-height: 20px;\n overflow-y: auto;\n scrollbar-width: thin;\n scrollbar-color: #6c6c6f transparent;\n}\n\n.modal-body-scroll::-webkit-scrollbar {\n width: 8px;\n}\n\n.modal-body-scroll::-webkit-scrollbar-thumb {\n background-color: #6c6c6f;\n border-radius: 4px;\n}\n\n.modal-body-scroll::-webkit-scrollbar-track {\n background: transparent;\n}\n\u003C/style>\n```\n\n\n\n\n",[2941,2942],{"name":2866,"color":2867},{"name":2869,"color":2870},3459,"scroll in the modal","2025-03-09T12:25:08Z","https://github.com/nuxt/ui/issues/3459",0.7445728,{"description":2949,"labels":2950,"number":2952,"owner":2872,"repository":2873,"state":2933,"title":2953,"updated_at":2954,"url":2955,"score":2956},"### 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 !",[2951],{"name":2866,"color":2867},2530,"Multi-line of UTooltip Component","2024-11-06T16:43:15Z","https://github.com/nuxt/ui/issues/2530",0.7449284,{"description":2958,"labels":2959,"number":2963,"owner":2872,"repository":2873,"state":2933,"title":2964,"updated_at":2965,"url":2966,"score":2967},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.14.0\n- Nuxt Version: 3.16.1\n- CLI Version: 3.23.1\n- Nitro Version: 2.11.7\n- Package Manager: yarn@1.22.22\n- Builder: -\n- User Config: devtools, typescript, css, compatibilityDate, devServer, vite, runtimeConfig, app, ui, modules\n- Runtime Modules: @nuxt/ui@3.0.1, @pinia/nuxt@0.10.1, pinia-plugin-persistedstate/nuxt@4.2.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.1\n\n### Reproduction\n\n-\n\n### Description\n\nI don't know if this is intentional or if it's a mistake but the `:ui={}` props is missing on `\u003CUContainer />`\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```",[2960,2961,2962],{"name":2908,"color":2909},{"name":2869,"color":2870},{"name":2886,"color":2887},3703,"Missing Container UI props","2025-03-27T09:43:56Z","https://github.com/nuxt/ui/issues/3703",0.7449585,{"description":2969,"labels":2970,"number":2973,"owner":2872,"repository":2873,"state":2933,"title":2974,"updated_at":2975,"url":2976,"score":2977},"### 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_",[2971,2972],{"name":2883,"color":2884},{"name":2869,"color":2870},3118,"Request to Add Khmer Language Support","2025-01-25T13:14:14Z","https://github.com/nuxt/ui/issues/3118",0.7453187,["Reactive",2979],{},["Set"],["ShallowReactive",2982],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f0Bb7xJ2MMO1uMHtXOXiXBES8I9jnD0v_X2wrO57MiVk":-1},"/nuxt/ui/3699"]