",[2018,2019,2020],{"name":2002,"color":2003},{"name":2005,"color":2006},{"name":2008,"color":2009},3270,"[Feature request] Toast hide progress in app.config","2025-02-09T17:11:11Z","https://github.com/nuxt/ui/issues/3270",0.68603075,{"description":2027,"labels":2028,"number":2031,"owner":1991,"repository":1992,"state":1993,"title":2032,"updated_at":2033,"url":2034,"score":2035},"### Description\n\nHi there,\r\n\r\nI installed the project from scratch with the below commands:\r\nFor Nuxt:\r\n`bun x nuxi@latest init test`\r\n\r\nFor Nuxt UI:\r\n`npx nuxi@latest module add ui`\r\n\r\nWhen I run the project with `bun run dev`, I got the below warning:\r\n\r\n\r\nMy `package.json` is as follows:\r\n```\r\n\"dependencies\": {\r\n \"@nuxt/eslint\": \"^0.5.7\",\r\n \"@nuxt/ui\": \"^2.18.6\",\r\n \"@nuxtjs/tailwindcss\": \"^6.12.1\",\r\n \"@pinia/nuxt\": \"^0.5.4\",\r\n \"@vueuse/core\": \"^11.1.0\",\r\n \"@vueuse/nuxt\": \"^11.1.0\",\r\n \"nuxt\": \"^3.13.2\",\r\n \"vue\": \"latest\",\r\n \"vue-router\": \"latest\"\r\n },\r\n \"devDependencies\": {\r\n \"@nuxt/devtools\": \"^1.5.1\",\r\n \"ts-node\": \"^10.9.2\",\r\n \"typescript\": \"^5.6.2\",\r\n \"vue-tsc\": \"^2.1.6\"\r\n }\r\n```\r\n \r\n And my config is:\r\n```\r\nmodules: [\r\n '@nuxt/eslint',\r\n '@nuxtjs/tailwindcss',\r\n '@nuxt/ui',\r\n '@pinia/nuxt',\r\n '@vueuse/nuxt'\r\n ],\r\n vite: {\r\n server: {\r\n hmr: {\r\n clientPort: 3000\r\n }\r\n }\r\n },\r\n ui: {\r\n global: true\r\n }\r\n```\r\n\r\nI'm wondering why...\r\n1. I got the Nuxt 3.8.2 warning\r\n2. There's no auto-completion for Nuxt UI component (I installed Vue - Official extension)\r\n3. Using Nuxt UI components gives error\r\n\r\n\r\n\r\n\r\n",[2029,2030],{"name":1985,"color":1986},{"name":1988,"color":1989},2249,"Module @nuxt/ui is disabled due to incompatibility issues","2024-11-27T02:06:55Z","https://github.com/nuxt/ui/issues/2249",0.69130194,{"description":2037,"labels":2038,"number":2042,"owner":1991,"repository":1992,"state":1993,"title":2043,"updated_at":2044,"url":2045,"score":2046},"### Description\n\nI’ve been trying to display an avatar with a chip inside a `UCommandPalette` item (and `UButton`, …), but it looks like this use case isn't currently supported. \n\n### Additional context\n\n_No response_",[2039,2040,2041],{"name":2002,"color":2003},{"name":2005,"color":2006},{"name":2008,"color":2009},3827,"[UCommandPalette] Support for avatars with chips in `UCommandPalette` items (and `UButton`, …)","2025-04-08T12:03:29Z","https://github.com/nuxt/ui/issues/3827",0.6950304,{"description":2048,"labels":2049,"number":2055,"owner":1991,"repository":1992,"state":1993,"title":2056,"updated_at":2057,"url":2058,"score":2059},"### Environment\n\nNA\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha\n\n### Reproduction\n\nNA: check the package.json file\n\n### Description\n\nThe package exports using .d.ts instead d.mts. `#imports` should also be reviewed, for example we should add `#build/ui`.\n\nFor reference:\n- https://github.com/nuxt/nuxt/pull/30148\n- https://github.com/nuxt/nuxt/pull/30206\n\n/cc @danielroe \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2050,2053,2054],{"name":2051,"color":2052},"bug","d73a4a",{"name":2005,"color":2006},{"name":2008,"color":2009},3112,"wrong package exports","2025-03-04T13:07:34Z","https://github.com/nuxt/ui/issues/3112",0.6978305,{"description":2061,"labels":2062,"number":2065,"owner":1991,"repository":1992,"state":2066,"title":2067,"updated_at":2068,"url":2069,"score":2070},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.4.0\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.13.2\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.8\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.8\n\n### Reproduction\n\n-\n\n### Description\n\nDefault classes of container in [docs](https://ui3.nuxt.dev/components/container#theme) is:\n```ts\nexport default defineAppConfig({\n ui: {\n container: {\n base: 'max-w-[var(--ui-container)] mx-auto px-4 sm:px-6 lg:px-8'\n }\n }\n})\n```\n**But no one of classes except `mx-auto` is not was created.**\nI change `--ui-container` variable like in [docs](https://ui3.nuxt.dev/getting-started/theme#container):\n```css\n/** app.css */\n\n@import 'tailwindcss';\n@import '@nuxt/ui';\n\n@theme {\n --container-xl: 1280px;\n}\n\n:root {\n --ui-container: var(--container-xl);\n}\n```\nAs result, container classes is `max-w-7xl mx-auto px-4 sm:px-6 lg:px-8` and still not was created, except `mx-auto`.\n\nBut if i create `app.config.ts`:\n```ts\nexport default defineAppConfig({\n ui: {\n container: {\n base: 'max-w-[var(--ui-container)] mx-auto px-4 sm:px-6 lg:px-8'\n }\n }\n})\n```\nAll is ok, width and other classes are created and applying.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2063,2064],{"name":2051,"color":2052},{"name":2005,"color":2006},2655,"closed","Classes of container component are not working properly","2024-11-16T13:13:33Z","https://github.com/nuxt/ui/issues/2655",0.6762336,{"description":2072,"labels":2073,"number":2076,"owner":1991,"repository":1992,"state":2066,"title":2077,"updated_at":2078,"url":2079,"score":2080},"### Description\n\n I wanted to ask if you have considered implementing a server-side table feature in Nuxt UI v3, similar to the functionality provided by Vuetify's DataTable component.\n\nVuetify's DataTable offers built-in support for server-side pagination, filtering, and sorting, which makes it an excellent solution for handling large datasets efficiently. It would be fantastic to see a similar feature integrated into Nuxt UI v3. \nI would love to hear your thoughts on this feature and whether it's something that could be considered for future releases.\n\nThank you for your time and attention!",[2074,2075],{"name":2002,"color":2003},{"name":2005,"color":2006},3023,"I would like to ask, have you considered making a server side table in v3?","2025-01-13T10:43:59Z","https://github.com/nuxt/ui/issues/3023",0.67834306,{"description":2082,"labels":2083,"number":2087,"owner":1991,"repository":2088,"state":2066,"title":2089,"updated_at":2090,"url":2091,"score":2092},"When trying to mount component with `mountSuspended` component can't emit anything.\r\n\r\nEven if I explicitly emit in `\u003Cscript setup>`, `wrapper.emitted()` object is always equal to `{}`.",[2084],{"name":2085,"color":2086},"vitest-environment","b60205",527,"test-utils","mountSuspended doesn't support emits","2023-12-02T00:17:07Z","https://github.com/nuxt/test-utils/issues/527",0.6878594,{"description":2094,"labels":2095,"number":2098,"owner":1991,"repository":1992,"state":2066,"title":2099,"updated_at":2100,"url":2101,"score":2102},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.11.1\n- Nuxt Version: 3.13.2\n- CLI Version: 3.14.0\n- Nitro Version: 2.9.7\n- Package Manager: bun@1.1.33\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n### Version\n\nv3.0.0-alpha.7\n\n### Reproduction\n\n```ts\nexport default defineAppConfig({\n ui: {\n colors: {\n neutral: \"zinc\",\n primary: \"rose\",\n },\n button: {\n compoundVariants: [\n {\n color: \"neutral\",\n variant: \"outline\",\n class:\n \"ring ring-inset ring-[var(--ui-border-accented)] text-[var(--ui-text)] bg-[var(--ui-bg)] hover:bg-[var(--ui-bg-elevated)] disabled:bg-[var(--ui-bg)] aria-disabled:bg-[var(--ui-bg)] focus-visible:ring-2 focus-visible:ring-[var(--ui-border-inverted)]\",\n },\n ],\n },\n },\n});\n```\n\n```\nType '{ color: \"neutral\"; variant: \"outline\"; class: string; }[]' is not assignable to type 'DeepPartial\u003C({ color: \"primary\"; variant: \"solid\"; class: string; size?: undefined; square?: undefined; loading?: undefined; leading?: undefined; trailing?: undefined; } | { color: \"secondary\"; variant: \"solid\"; ... 5 more ...; trailing?: undefined; } | ... 46 more ... | { ...; })[], string>'.\n Type '{ color: \"neutral\"; variant: \"outline\"; class: string; }[]' is not assignable to type '{ [key: string]: string | TightMap\u003Cstring>; }'.\n Index signature for type 'string' is missing in type '{ color: \"neutral\"; variant: \"outline\"; class: string; }[]'.ts(2322)\n```\n\n### Description\n\nHi :) I am getting type errors when using `compoundVariant`. \n\nFor example, here is my `app.config.ts`:\n\n```ts\nexport default defineAppConfig({\n ui: {\n colors: {\n neutral: \"zinc\",\n primary: \"rose\",\n },\n button: {\n compoundVariants: [\n {\n color: \"neutral\",\n variant: \"outline\",\n class:\n \"ring ring-inset ring-[var(--ui-border-accented)] text-[var(--ui-text)] bg-[var(--ui-bg)] hover:bg-[var(--ui-bg-elevated)] disabled:bg-[var(--ui-bg)] aria-disabled:bg-[var(--ui-bg)] focus-visible:ring-2 focus-visible:ring-[var(--ui-border-inverted)]\",\n },\n ],\n },\n },\n});\n```\n\nI am getting the following type error for `compoundVariants`:\n```\nType '{ color: \"neutral\"; variant: \"outline\"; class: string; }[]' is not assignable to type 'DeepPartial\u003C({ color: \"primary\"; variant: \"solid\"; class: string; size?: undefined; square?: undefined; loading?: undefined; leading?: undefined; trailing?: undefined; } | { color: \"secondary\"; variant: \"solid\"; ... 5 more ...; trailing?: undefined; } | ... 46 more ... | { ...; })[], string>'.\n Type '{ color: \"neutral\"; variant: \"outline\"; class: string; }[]' is not assignable to type '{ [key: string]: string | TightMap\u003Cstring>; }'.\n Index signature for type 'string' is missing in type '{ color: \"neutral\"; variant: \"outline\"; class: string; }[]'.ts(2322)\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2096,2097],{"name":2051,"color":2052},{"name":2005,"color":2006},2481,"Type error on `compoundVariants`","2024-10-28T21:43:49Z","https://github.com/nuxt/ui/issues/2481",0.6915276,["Reactive",2104],{},["Set"],["ShallowReactive",2107],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"xdLi9Yb8DRRPnlmmYrCPMiR8y8gk-fcHbEZxem8tcrc":-1},"/nuxt/ui/2098"]