\n\nBrowser: `Google Chrome Version 134.0.6998.89 (Official Build) (arm64)`\n\nAlso reproduced on `Safari Version 18.3.1 (20620.2.4.11.6)`\n\n### Description\n\nUser may want to copy the text in the query input of a `select-menu` component by moving cursor around text, now it's unable to do it without a keyboard (`Shift + left/right arrow` or `Cmd/Ctrl + A` to select all).\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2004,2007],{"name":2005,"color":2006},"bug","d73a4a",{"name":1991,"color":1992},3583,"Accessibility: unable to select text in the query input of a select-menu","2025-03-17T00:34:07Z","https://github.com/nuxt/ui/issues/3583",0.6637748,{"description":2014,"labels":2015,"number":2022,"owner":1994,"repository":1995,"state":1996,"title":2023,"updated_at":2024,"url":2025,"score":2026},"### Description\n\nI just tried the example about autoplay in [UCarousel](https://ui.nuxt.com/components/carousel#autoplay), but with TypeScript. \n\n```vue\n\u003Cscript setup lang=\"ts\">\nconst props = defineProps\u003C{\n images: string[];\n}>();\n\nconst carousel = useTemplateRef('carouselGallery');\n\nonMounted(() => {\n setInterval(() => {\n if (!carousel.value) return;\n\n if (carousel.value.page === carousel.value.pages) {\n return carousel.value.select(0);\n }\n\n carousel.value.next();\n }, 5000);\n});\n\u003C/script>\n\n\u003Ctemplate>\n \u003CUCarousel\n ref=\"carouselGallery\"\n v-slot=\"{ item }\"\n :items=\"props.images\"\n :ui=\"{\n item: 'basis-full',\n indicators: { wrapper: 'bg-black/70 w-min px-2.5 py-1.5 gap-1 left-4 rounded-xl' },\n }\"\n class=\"overflow-hidden\"\n indicators\n >\n \u003Cimg :src=\"item\" class=\"w-full\" draggable=\"true\" />\n \u003C/UCarousel>\n\u003C/template>\n```\n\nAnd I get some TypeScript errors:\n\nProperty 'page' does not exist on type 'CreateComponentPublicInstanceWithMixins(...)\nProperty 'select' does not exist on type 'CreateComponentPublicInstanceWithMixins(...)\nProperty 'next' does not exist on type 'CreateComponentPublicInstanceWithMixins(...)\n\nHow should I correctly infer the type for UCarousel?\n\nNuxt v3.15.1\nNuxtUI v2.20.0",[2016,2019],{"name":2017,"color":2018},"question","d876e3",{"name":2020,"color":2021},"stale","ededed",3053,"How to properly use UCarousel API with TypeScript","2025-02-09T02:00:51Z","https://github.com/nuxt/ui/issues/3053",0.66796815,{"description":2028,"labels":2029,"number":2030,"owner":1994,"repository":2031,"state":1996,"title":2032,"updated_at":2033,"url":2034,"score":2035},"### Environment\n\n\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v22.9.0\n- Nuxt Version: 3.13.2\n- CLI Version: 3.14.0\n- Nitro Version: 2.9.7\n- Package Manager: yarn@4.5.1\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n------------------------------\n\n\n### Reproduction\n\nI haven't changed the code itself, but uninstalled some dependencies and updated everything to latest.\n\nModules used:\n\n```\n modules: [\n \"@unocss/nuxt\",\n \"@nuxt/content\",\n \"@vueuse/nuxt\",\n \"@nuxt/fonts\",\n // @ts-ignore\n \"@nuxtjs/seo\",\n \"@nuxt/icon\",\n \"nuxt-umami\"\n ],\n```\n\nDependencies upgraded:\n\n\n\n\n\n\nTransitive deps of \"@nuxt/icon\"\n\n\n\nI've tried it with and without the icon config in nuxt.config.ts with no effect\n\n### Describe the bug\n\nI`m suddenly getting this error after upgrading a few dependencies and the site is not loading anymore.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```\nCannot read properties of undefined (reading 'provider')\nStacktrace\nsetup\n@nuxt/icon/dist/runtime/plugin.js:16:17\n(anonymous)\n./C:/Users/MyPC/Workspace/my-project/apps/my-app/virtual:nuxt:C:/Users/MyPC/Workspace/my-project/apps/my-app/.nuxt/plugins/server.mjs:77:89\nModule.executeAsync\nunctx/dist/index.mjs:111:19\nsetup\n./C:/Users/MyPC/Workspace/my-project/apps/my-app/virtual:nuxt:C:/Users/MyPC/Workspace/my-project/apps/my-app/.nuxt/plugins/server.mjs:77:65\n(anonymous)\nnuxt/dist/app/nuxt.js:146:60\nfn\nnuxt/dist/app/nuxt.js:228:44\nObject.callAsync\nunctx/dist/index.mjs:68:55\n(anonymous)\nnuxt/dist/app/nuxt.js:231:56\nObject.runWithContext\n@vue/runtime-core/dist/runtime-core.cjs.js:3940:18\ncallWithNuxt\nnuxt/dist/app/nuxt.js:231:24\n```\n\nBesides these logs from the devtools plugins I see nothing in the actual logs, even with debug and dev flag",[],293,"icon","Cannot read properties of undefined (reading 'provider') - nuxt apps not starting anymore","2024-11-04T12:44:48Z","https://github.com/nuxt/icon/issues/293",0.6826254,{"description":2037,"labels":2038,"number":2042,"owner":1994,"repository":1995,"state":1996,"title":2043,"updated_at":2044,"url":2045,"score":2046},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.13.1\n- Nuxt Version: 3.16.0\n- CLI Version: 3.23.0\n- Nitro Version: 2.11.6\n- Package Manager: npm@11.1.0\n- Builder: -\n- User Config: app, build, colorMode, compatibilityDate, debug, devtools, future, hooks, i18n, icon, imports, modules, nitro, routeRules, runtimeConfig, security, ssr, sourcemap, css, telemetry, vite\n- Runtime Modules: @nuxt/eslint@1.2.0, @pinia/nuxt@0.10.1, @vueuse/nuxt@13.0.0, @nuxtjs/i18n@9.3.1, nuxt-security@2.2.0, @nuxt/ui@3.0.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/wonderful-violet-jrsqy9\n\n### Description\n\nI get a type error when using an array of strings for the `variant` key inside of `compoundVariants´:\n\n```ts\nexport default defineAppConfig({\n ui: {\n colors: {\n primary: \"green\",\n neutral: \"slate\",\n },\n select: {\n compoundVariants: [\n {\n color: \"primary\",\n variant: [\"outline\", \"subtle\"],\n class: \"data-[state='open']:ring\",\n },\n ],\n },\n },\n});\n```\n\n```\napp/app.config.ts:11:11 - error TS2322: Type 'string[]' is not assignable to type 'string'.\n\n11 variant: [\"outline\", \"subtle\"],\n ~~~~~~~\n```\n\nIt does work tho, so its only a type issue I think.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2039,2040,2041],{"name":2005,"color":2006},{"name":1988,"color":1989},{"name":1991,"color":1992},3579,"Type error in app config `compoundVariants`","2025-03-16T14:04:52Z","https://github.com/nuxt/ui/issues/3579",0.68938917,{"description":2048,"labels":2049,"number":2053,"owner":1994,"repository":1995,"state":1996,"title":2054,"updated_at":2055,"url":2056,"score":2057},"### For what version of Nuxt UI are you suggesting this?\n\nv3.0.0-alpha.x\n\n### Description\n\nHello everyone, I’d like to discuss the possibility of setting `props` by default from `AppConfig`. Currently, it’s very convenient that we can configure the theme through the config. It would be great to have a similar option for props. Previously, @benjamincanac mentioned [here](https://github.com/nuxt/ui/issues/1289#issuecomment-2480556540) that this is not currently planned.\n\nMy proposal is simple: wrap all `withDefaults` in our own implementation. This way, we can define props without making significant changes to the code.\n\n## What it could look like\n\nLet’s look at the `Accordion.vue` component. At the moment, its props look like this:\n```ts\nconst props = withDefaults(defineProps\u003CAccordionProps\u003CT>>(), {\n type: 'single',\n collapsible: true,\n labelKey: 'label'\n})\n```\nLet’s assume our wrapper is called `withUiDefaults`. Then the code would look like this:\n```diff\n-const props = withDefaults(defineProps\u003CAccordionProps\u003CT>>(), {\n+const props = withUiDefaults(defineProps\u003CAccordionProps\u003CT>>(), {\n type: 'single',\n collapsible: true,\n labelKey: 'label'\n})\n```\nThe implementation of `withUiDefaults` is quite simple:\n```ts\nfunction withUiDefaults(props, defaults) {\n const defaultFromConfig = {}\n\n return withDefaults(props, {\n ...defaults,\n ...defaultFromConfig\n })\n}\n``` \n\n## Issues I See\n\n1) **Typing `AppConfig` might be challenging** \n We would need to somehow generate types based on the components. \n **My opinion:** I think we can retrieve this using `vue-component-meta` during the UI build stage. So, in my opinion, this isn’t a significant problem.\n\n2) **Developers might set `modelValue` or other critical props by default** \n **My opinion:** In such cases, we can log a warning to the console. Additionally, developers should understand which props they are overriding. We won’t be able to cover all edge cases, but I don’t think we need to.\n\n### Additional context\n\n_No response_",[2050,2051,2052],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":1991,"color":1992},2662,"Override default props from `AppConfig`","2024-11-17T08:30:46Z","https://github.com/nuxt/ui/issues/2662",0.69205695,{"description":2059,"labels":2060,"number":2063,"owner":1994,"repository":1995,"state":1996,"title":2064,"updated_at":2065,"url":2066,"score":2067},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.18.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.16.0\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.9.1\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@2.19.2, @sidebase/nuxt-auth@0.9.4, @nuxt/image@1.8.1\n- Build Modules: -\n\n\n### Version\n\nv2.19.2\n\n### Reproduction\n\nhttps://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io\n\n\n### Description\n\nThis is the code from stackblitz, but it illustrates the problem (preview above). Basically, I am following the instructions for setting certain columns to have a maximum width, but UTable doesn't seem to be following them. If it's an implementation issue on my part, my apologies, but I've stared at this for a couple of days and I can't find any reason why I can't get the cell data to wrap.\n\n\u003Ctemplate>\n \u003CUContainer class=\"min-h-screen flex items-center\">\n \u003CUCard\n class=\"flex-1\"\n :ui=\"{\n background: 'bg-gray-50 dark:bg-gray-800/50',\n ring: 'ring-1 ring-gray-300 dark:ring-gray-700',\n divide: 'divide-y divide-gray-300 dark:divide-gray-700',\n header: { base: 'font-bold' },\n }\"\n >\n \u003Ctemplate #header> Welcome to the playground! \u003C/template>\n\n \u003Cp class=\"text-gray-500 dark:text-gray-400\">Try your components here!\u003C/p>\n \u003C/UCard>\n \u003CUTable :rows=\"data\" :columns=\"columns\">\n \u003C/UTable>\n \u003C/UContainer>\n\u003C/template>\n\n\u003Cscript setup>\nconst columns = [\n {\n key: \"name\",\n label: \"Name\",\n sortable: true,\n },\n {\n key: \"address\",\n label: \"Address\",\n rowClass: \"max-w-[200px] whitespace-normal break-word\",\n width: 200\n },\n {\n key: \"description\",\n label: \"Description\",\n rowClass: \"max-w-[200px] whitespace-normal break-word\",\n width: 200\n },];\n\n const data = [\n {\n name: \"Line 1 Name\",\n address: \"Line 1 - 123 Sesame Street, Anytown USA\",\n description: \"This is a relatively short description, but should probably wrap in any case.\"\n },\n {\n name: \"Line 2 Name\",\n address: \"Line 2 - a really really really really really really really really really really Loong address\",\n description: \"This is a really really really really really really really really really really really really really long description, and needs to be wrapped.\"\n}\n ]\n\u003C/script>\n\n\u003Cstyle>\nbody {\n @apply antialiased font-sans text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-900;\n}\n\u003C/style>\n\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2061,2062],{"name":2005,"color":2006},{"name":1991,"color":1992},2856,"UTable cell content refuses to wrap","2024-12-06T23:25:36Z","https://github.com/nuxt/ui/issues/2856",0.69245046,{"description":2069,"labels":2070,"number":2072,"owner":1994,"repository":1995,"state":1996,"title":2073,"updated_at":2074,"url":2075,"score":2076},"### Description\n\nHow to configure Nuxt Color Mode in Nuxt UI so that it does not inject color styles for all Nuxt UI components using inline styles",[2071],{"name":2017,"color":2018},3394,"implement csp, sty-src with nonce","2025-02-25T10:13:42Z","https://github.com/nuxt/ui/issues/3394",0.69432366,{"description":2078,"labels":2079,"number":2082,"owner":1994,"repository":1995,"state":2083,"title":2084,"updated_at":2085,"url":2086,"score":2087},"### For what version of Nuxt UI are you asking this question?\n\nv3.0.0-alpha.x\n\n### Description\n\nIs there a way we can add a custom class to the tag `\u003Cth>`, in my case I would like to place `w-28` so that it has a fixed width\n\n\n\n\n",[2080,2081],{"name":2017,"color":2018},{"name":1988,"color":1989},2762,"closed","[v3] Custom class to the tag \u003Cth>","2024-12-09T11:14:42Z","https://github.com/nuxt/ui/issues/2762",0.6630048,{"description":2089,"labels":2090,"number":2093,"owner":1994,"repository":1995,"state":2083,"title":2094,"updated_at":2095,"url":2096,"score":2097},"### Environment\n\n-\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.16.0\n\n### Reproduction\n\n- \n\n### Description\n\nUpgraded all deps to the latest and bam Nuxt 3.16.0 is added. We get errors now as Nuxt UI 3 still ships with\n\n`'@unhead/vue': 1.11.20(vue@3.5.13(typescript@5.8.2))\n`\n\nAs of Nuxt 3.16.0 ships with @unhead2:\nhttps://nuxt.com/blog/v3-16#unhead-v2\n\nActual error:\n`[@nuxt/scripts 9:42:20 PM] ERROR Nuxt Scripts requires Unhead >= 2, you are using v1.11.20. Please run nuxi upgrade --clean to upgrade...`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2091,2092],{"name":2005,"color":2006},{"name":1988,"color":1989},3513,"Nuxt 3.16.0 - ships with @unhead2","2025-03-10T08:49:36Z","https://github.com/nuxt/ui/issues/3513",0.6656903,["Reactive",2099],{},["Set"],["ShallowReactive",2102],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"hHKl3qn9b0ec7Vv5Kyge1TT4gz9kBZCyBYX4KwVpSB0":-1},"/nuxt/ui/2180"]