",[3139,3142],{"name":3140,"color":3141},"pending triage","E99695",{"name":3143,"color":3144},"needs reproduction","FBCA04",32847,"nuxt","open","Incorrect message when updating the version","2025-08-04T07:23:47Z","https://github.com/nuxt/nuxt/issues/32847",0.7794409,{"description":3153,"labels":3154,"number":3164,"owner":3146,"repository":3165,"state":3166,"title":3167,"updated_at":3168,"url":3169,"score":3170},"### Description\n\nI am using the carousel component. Trying to color the dots differently but can't find any documentation on how to achieve this. Is there any doc on the ui property? ",[3155,3158,3161],{"name":3156,"color":3157},"question","d876e3",{"name":3159,"color":3160},"v3","49DCB8",{"name":3162,"color":3163},"upstream","78bddb",4372,"ui","closed","Carousel Config Options","2025-06-18T13:56:20Z","https://github.com/nuxt/ui/issues/4372",0.73520166,{"description":3172,"labels":3173,"number":3182,"owner":3146,"repository":3146,"state":3166,"title":3183,"updated_at":3184,"url":3185,"score":3186},"I'm trying to override the default webpack config for the url-loader using the instructions found at https://nuxtjs.org/api/configuration-build/#loaders. Not having any luck though. Despite changing the folder name to dist/foo and changing the hash length, I'm still seeing images appear in the dist/img folder with a 7 character hash. Ultimately, I'm hoping to do something a little more complex with image-webpack-loader, but right now, not even this is working. Any idea what I'm doing wrong here? Thanks!\r\n\r\n```\r\nloaders: [\r\n {\r\n test: /\\.(png|jpe?g|gif|svg)$/,\r\n loader: 'url-loader',\r\n query: {\r\n limit: 1000, // 1KO\r\n name: 'foo/[name].[hash:2].[ext]'\r\n }\r\n }\r\n ]\r\n```\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c780\">#c780\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3174,3176,3179],{"name":3156,"color":3175},"cc317c",{"name":3177,"color":3178},"available soon","6de8b0",{"name":3180,"color":3181},"2.x","d4c5f9",907,"Can't override default webpack loader config","2023-01-18T22:19:40Z","https://github.com/nuxt/nuxt/issues/907",0.74700755,{"description":3188,"labels":3189,"number":3201,"owner":3146,"repository":3165,"state":3166,"title":3202,"updated_at":3203,"url":3204,"score":3205},"### Environment\r\n\r\nN/A\r\n\r\n### Version\r\n\r\nv2.18.3\r\n\r\n### Reproduction\r\n\r\nN/A\r\n\r\n### Description\r\n\r\nIf you look closely to the slider in the docs page: https://ui.nuxt.com/components/range\r\n\r\nThe slider looks okay when a lower value is set:\r\n\r\n\r\nIf the value is set around the maximum (>=95 ish?), the design breaks:\r\n\r\n\r\nWhich is even more visible when the value is 100:\r\n\r\n\r\nAnd it's prominent when the size is set to `2xl`:\r\n\r\n\r\n**Also notice that the foreground isn't respecting the border radius of the \"container\"**\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3190,3193,3196,3199],{"name":3191,"color":3192},"bug","d73a4a",{"name":3194,"color":3195},"triage","ffffff",{"name":3197,"color":3198},"closed-by-bot","ededed",{"name":3200,"color":3198},"stale",2016,"URange's UI breaks after a certain value","2025-06-18T09:06:39Z","https://github.com/nuxt/ui/issues/2016",0.75534827,{"description":3207,"labels":3208,"number":3210,"owner":3146,"repository":3146,"state":3166,"title":3211,"updated_at":3212,"url":3213,"score":3214},"Guys, I'm having a problem and need some help to fix that.\r\n\r\nI have a simple HTML structure in my component wich has ul's and li's, it's a carousel. I'm using a carousel plugin called OWL Carousel and this plugin modifies a little bit my HTML structure.\r\n\r\nI'm calling the plugin's js file like this: \r\n\r\n`\r\nexport default {\r\n head: {\r\n script: [\r\n { src: '/js/owl2/owl.carousel.min.js' }\r\n ]\r\n }\r\n}\r\n`\r\n\r\n\r\nand I'm having this error: \r\n\r\n\"The client-side rendered virtual DOM tree is not matching server-rendered content.\"\r\nand a warning\r\n\"Mismatching childNodes vs. VNodes:\"\r\n\r\nPrint: [http://prntscr.com/ghvp5s](http://prntscr.com/ghvp5s)\r\n\r\nIt seems like I can't have a difference betweeen my client side html and what is written on my server side. But most plugins nowdays make modifications on the DOM so it doesn't make sense to have this error.\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1423\">#c1423\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3209],{"name":3180,"color":3181},1594,"Mismatching childNodes vs. VNodes","2023-01-18T15:41:59Z","https://github.com/nuxt/nuxt/issues/1594",0.7578443,{"description":3216,"labels":3217,"number":3219,"owner":3146,"repository":3146,"state":3166,"title":3220,"updated_at":3221,"url":3222,"score":3223},"How to using extend HTML for custom layout?\r\n\r\n\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c7066\">#c7066\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3218],{"name":3180,"color":3181},3332,"How to using extend HTML for custom layout?","2023-01-18T16:24:00Z","https://github.com/nuxt/nuxt/issues/3332",0.7597684,{"description":3225,"labels":3226,"number":3232,"owner":3146,"repository":3165,"state":3166,"title":3233,"updated_at":3234,"url":3235,"score":3236},"### Description\n\n## Description\n\nIn Nuxt UI v3, there is currently no way to apply custom styles or classes to individual table rows or cells. Additionally, it is not possible to dynamically set classes based on specific criteria, for example, the value of data displayed in a given cell.\n\nIn contrast, this feature was available in Nuxt UI v2, as documented in the [official documentation](https://ui2.nuxt.com/components/table). In that version, custom classes could be applied by simply adding a `class` property to a specific row's data:\n\n```js\nconst items = [{\n id: 1,\n name: 'Apple',\n quantity: { value: 100, class: 'bg-green-500/50 dark:bg-green-400/50' }\n}, {\n id: 2,\n name: 'Orange',\n quantity: { value: 0 },\n // Class property\n class: 'bg-red-500/50 dark:bg-red-400/50 animate-pulse'\n}]\n```\n\n\n### Additional context\n\n_No response_",[3227,3230,3231],{"name":3228,"color":3229},"enhancement","a2eeef",{"name":3159,"color":3160},{"name":3194,"color":3195},3865,"Table: conditionally apply classes to tr and td elements","2025-04-22T19:14:59Z","https://github.com/nuxt/ui/issues/3865",0.76294184,{"labels":3238,"number":3241,"owner":3146,"repository":3146,"state":3166,"title":3242,"updated_at":3243,"url":3244,"score":3245},[3239,3240],{"name":3140,"color":3141},{"name":3180,"color":3181},10564,"Why doesn't the local configuration for meta title and description override the global configuration","2023-02-20T08:52:28Z","https://github.com/nuxt/nuxt/issues/10564",0.76432496,{"description":3247,"labels":3248,"number":3253,"owner":3146,"repository":3165,"state":3166,"title":3254,"updated_at":3255,"url":3256,"score":3257},"### Description\n\nIs there currently a way, or future support for overriding the trigger for the Accordion similar to how it worked in v2:\n\n> Example for v2\n\n```vue\n\u003Cu-accordion :items=\"items\" :ui=\"{ wrapper: 'flex flex-col w-full' }\">\n \u003Ctemplate #default=\"{ item, open }\">\n \u003Cu-button variant=\"ghost\" class=\"flex justify-between items-center font-semibold\">\n \u003Cspan>{{ item.label }}\u003C/span>\n \u003Cdiv class=\"flex items-center space-x-2\">\n \u003Cu-icon\n name=\"i-heroicons-chevron-right-20-solid\"\n class=\"w-5 h-5 ms-auto transform transition-transform duration-200\"\n :class=\"[open && 'rotate-90']\"\n />\n \u003C/div>\n \u003C/u-button>\n \u003C/template>\n\n \u003Ctemplate #item=\"{ item }\">\n // Content\n \u003C/template>\n\u003C/u-accordion>\n```\n\nCurrently i don't see a way with the default slot to override the AccordionRoot trigger\n",[3249,3250,3251,3252],{"name":3156,"color":3157},{"name":3159,"color":3160},{"name":3197,"color":3198},{"name":3200,"color":3198},3455,"Override Slot for Accordion Trigger","2025-06-18T09:01:47Z","https://github.com/nuxt/ui/issues/3455",0.7715197,{"description":3259,"labels":3260,"number":3262,"owner":3146,"repository":3146,"state":3166,"title":3263,"updated_at":3264,"url":3265,"score":3266},"## Setup\nNuxt: 3.16.1\nOS: MacOS\n\n[Demo repo](https://github.com/MartinLednarLedo/nuxt-layers-demo)\n\n## Context\n\nI am incorporating layers into my codebase. I created a layer for reusable components. During implementation I encountered some problems with overriding the layer files and some questions regarding the file structure of some files.\n\n## Problems / Questions\n\n### 1. Overriding problems\n\n #### Context\nFor components I am using [cva](https://cva.style/docs). Initially I put the files for styles like this:\n`my-layer/components/button/button.styles.ts`. Then when I wanted to override this file in the main application i created file `app/components/button/button.styles.ts`. \n\nI expected that types will be taken from the new file in the app, but instead they were still taken from the layer. Only time it was overriden for the component was, when I added the component itself to the main app.\n\nNext I tried putting these style files into `variants` folder i created in the root of project, and registered it in `nuxt.config.ts` so that they could be auto-imported:\n\n```\n imports: {\n dirs: [\"variants\"],\n },\n```\n\nThen again when I created the `variants` folder in the main app and added styles file for component I expected that the file would be overriden, which didn't happen. The only time it worked was when I added the `imports` to the `nuxt.config.ts` of the app as well.\n\nI would expect the `imports` from layer to be merged into the app's config since the field is not specified there.\n\nCould you suggest what am I doing wrong?\n\n### 2. Assets in layers\n\n #### Context\nI want to give my components some default minimal styling. I am using scss for styling and stylesheets are located in `assets/css`. However when I run the app I get errors that the stylesheet import is not longer valid because stylesheet for component is not available, since assets are not merged into the app like `components/`, `composables/` etc..\n\nI was wondering if there is some way to overcome this or what's the best practice.\n\nThank you in advance for any suggestions.\n",[3261],{"name":3140,"color":3141},31501,"[NEED HELP] Overriding layer files not working as expected","2025-03-22T19:35:16Z","https://github.com/nuxt/nuxt/issues/31501",0.77358544,["Reactive",3268],{},["Set"],["ShallowReactive",3271],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f4UrQHlWeML6rHJpTvmEzCYv51BrkGdPgtPzNzN3AUHk":-1},"/nuxt/ui/2304"]