\n```\n\nWould it be relevant to add a global attribute to components like Button, Badge, etc., to force their appearance in dark (or light) mode, regardless of the global setting? This would ensure better visual consistency when these elements are placed on a colored background (e.g., `UPageCTA` with `solid` variant).\n\n### Additional context\n\n_No response_",[2015,2018,2021],{"name":2016,"color":2017},"enhancement","a2eeef",{"name":2019,"color":2020},"v3","49DCB8",{"name":2022,"color":2023},"triage","ffffff",3307,"ui","Better handling of `UButton`, `UBadge`, … colors on colored backgrounds","2025-02-13T19:05:27Z","https://github.com/nuxt/ui/issues/3307",0.7126693,{"description":2031,"labels":2032,"number":2036,"owner":1988,"repository":2025,"state":1990,"title":2037,"updated_at":2038,"url":2039,"score":2040},"### Description\n\n### Feature Request: Add `variant` and `status-position` props to `UProgress` component\n\n#### Description\nI’m a junior developer, and I’ve been working on enhancing the flexibility of the `Progress` component by adding two new props: `variant` and `status-position`. These props allow for better customization, especially when using the `Progress` component in different design contexts.\n\n- **`variant`**: This prop allows you to choose between two styles for the progress bar: `linear` and `circular`. The `circular` variant provides a circular progress bar instead of the default linear style.\n \n- **`status-position`**: This prop controls the position of the progress status (the percentage or label) relative to the progress bar. The possible values are:\n - `inside`: The status is displayed inside the circle (for the `circular` variant).\n - `outside`: The status is displayed outside the circle.\n\n#### Motivation\nThis update would help in using the `Progress` component more flexibly across different layouts, providing options for both linear and circular progress indicators with customizable label placements.\n\n#### What I've Done\nI’m still a junior developer, so the implementation is not perfect, but a good portion of the work is done. I’ve added the `variant` and `status-position` props to the `Progress` component. I’d love to know if this is something you’d like to integrate into the main repository and whether I can open a pull request for it.\n\n#### Additional Notes\n- The `variant` prop accepts values `linear` or `circular`.\n- The `status-position` prop accepts values `inside` or `outside`.\n \nWould love to hear your thoughts on this approach!\n\n\n### Additional context\n\n[Reka UI : Progress Circular](https://reka-ui.com/examples/progress-circular)",[2033,2034,2035],{"name":2016,"color":2017},{"name":2019,"color":2020},{"name":2022,"color":2023},3728,"[UProgress]: Add `variant` and `status-position` props","2025-03-29T14:31:22Z","https://github.com/nuxt/ui/issues/3728",0.7235687,{"description":2042,"labels":2043,"number":2050,"owner":1988,"repository":2025,"state":1990,"title":2051,"updated_at":2052,"url":2053,"score":2054},"### Description\n\nI have defined some css variables in css file that is located in `app/styles/main.css location`. I can use these in tw like so `bg-[--primary]`\r\n\r\nbut how do i use this with `UI` lib ? for example using with Card component? \r\n\r\n```\r\n:root {\r\n\t--bg: #f5f6ce;\r\n\t--primary: #2ab4f6;\r\n\t--r-sm: 5px;\r\n}\r\n```",[2044,2047],{"name":2045,"color":2046},"question","d876e3",{"name":2048,"color":2049},"stale","ededed",2270,"How to use css variables defined in css file in UI","2024-11-27T02:06:52Z","https://github.com/nuxt/ui/issues/2270",0.7285072,{"description":2056,"labels":2057,"number":2066,"owner":1988,"repository":2025,"state":1990,"title":2067,"updated_at":2068,"url":2069,"score":2070},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v23.9.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.22.3\n- Nitro Version: -\n- Package Manager: pnpm@10.5.2\n- Builder: -\n- User Config: compatibilityDate, devtools, modules, css, ui, runtimeConfig\n- Runtime Modules: @nuxt/ui-pro@3.0.0-beta.2, @pinia/nuxt@0.10.1\n- Build Modules: -\n------------------------------\n\n👉 Report an issue: https://github.com/nuxt/nuxt/issues/new?template=bug-report.yml\n👉 Suggest an improvement: https://github.com/nuxt/nuxt/discussions/new\n👉 Read d\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-beta.2\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/relaxed-scooby-nv4zrp?file=%2Fapp%2Fpages%2Findex.vue%3A7%2C51\n\n### Description\n\nI was importing type `FormSubmitEvent` from Nuxt UI but when I shifted to nuxt ui pro and replaced the import. But it broke, because nuxt ui pro doesn't export this type\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2058,2061,2062,2065],{"name":2059,"color":2060},"bug","d73a4a",{"name":2019,"color":2020},{"name":2063,"color":2064},"pro","5BD3CB",{"name":2022,"color":2023},3465,"type `FormSubmitEvent` not working in nuxt ui pro version 3","2025-03-17T08:20:35Z","https://github.com/nuxt/ui/issues/3465",0.7299048,{"labels":2072,"number":2078,"owner":1988,"repository":1988,"state":2079,"title":2080,"updated_at":2081,"url":2082,"score":2083},[2073,2075],{"name":2045,"color":2074},"cc317c",{"name":2076,"color":2077},"2.x","d4c5f9",8072,"closed","How to add jQuery plugis?","2023-01-18T15:32:53Z","https://github.com/nuxt/nuxt/issues/8072",0.70494354,{"description":2085,"labels":2086,"number":2092,"owner":1988,"repository":2025,"state":2079,"title":2093,"updated_at":2094,"url":2095,"score":2096},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v22.13.1\n- Nuxt Version: -\n- CLI Version: 3.21.1\n- Nitro Version: -\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nVue\n\n### Version\n\n3.0.0-alpha.12\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/purple-water-45l2vr\n\n### Description\n\nIn the Vue application when using the example of how to use the Table component, errors appear with `[Vue warn]: Failed to resolve component: `by which the code cannot be compiled correctly. \n\nThe exact issue here is for example: `const UButton = resolveComponent('UButton')`\n\nIn the reproduction link is the described issue for clear\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2087,2088,2089],{"name":2059,"color":2060},{"name":2019,"color":2020},{"name":2090,"color":2091},"vue","42b883",3235,"Failed to resolve component in Vue Template","2025-02-19T11:00:41Z","https://github.com/nuxt/ui/issues/3235",0.71517545,{"description":2098,"labels":2099,"number":2108,"owner":1988,"repository":2025,"state":2079,"title":2109,"updated_at":2110,"url":2111,"score":2112},"### Environment\n\nOperating System: Windows 11\nNode Version: v22.14.0\nNuxt Version: 3.15.4\nCLI Version: 3.13.2\nNitro Version: 2.10.4\nPackage Manager: npm@11.1.0\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.12\n\n### Reproduction\n\n.\n\n### Description\n\nI want the Popover component to open when a fetch call is made and the results are displayed in the Popover. For example, I want the search results to be displayed, but as soon as I click on the input, the Popover will be displayed.\n\nThis is my code:\n```\n\u003CUPopover v-model:open=\"search.open\" arrow>\n \u003Cdiv class=\"header-search relative flex flex-row items-center w-full max-w-96\">\n \u003Cinput v-model=\"search.param\"\n class=\"input bg-transparent border rounded-3xl focus:ring-0 outline-0 py-1 px-2 w-full\" />\n \u003C/div>\n \u003Ctemplate #content>\n ...\n \u003C/template>\n \u003C/UPopover>\n```\n\nDid I do something wrong?\nPlease help me.\nThanks\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2100,2101,2104,2105,2106],{"name":2059,"color":2060},{"name":2102,"color":2103},"needs reproduction","CB47CF",{"name":2019,"color":2020},{"name":2022,"color":2023},{"name":2107,"color":2049},"closed-by-bot",3303,"open Popover manually","2025-03-25T02:04:46Z","https://github.com/nuxt/ui/issues/3303",0.7183422,["Reactive",2114],{},["Set"],["ShallowReactive",2117],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"8OWeUD6Ox2GpkPI6YFm8UXqgT_GKL6sXl-mFssbkxPw":-1},"/nuxt/ui/2744"]