\n\u003C/template>\n\n\u003Cscript setup>\n\tconst keyword = ref('');\n\n\twatchEffect(() => {\n\t\tconsole.log('🚀 ~ watchEffect ~ keyword.value:', keyword.value);\n\t});\n\u003C/script>\n```\n\n\n\n```vue\n\u003Ctemplate>\n\t\u003CUInput v-model=\"keyword\" />\n\u003C/template>\n\n\u003Cscript setup>\n\tconst keyword = ref('');\n\n\twatchEffect(() => {\n\t\tconsole.log('🚀 ~ watchEffect ~ keyword.value:', keyword.value);\n\t});\n\u003C/script>\n```\n\n### Logs\n\n```shell-script\n\n```",[1984,1987],{"name":1985,"color":1986},"bug","d73a4a",{"name":1988,"color":1989},"triage","ffffff",2713,"nuxt","ui","open","UInput Component Lacks Proper Handling of compositionstart and compositionend","2024-11-21T06:40:46Z","https://github.com/nuxt/ui/issues/2713",0.72718257,{"description":1999,"labels":2000,"number":2007,"owner":1991,"repository":1992,"state":1993,"title":2008,"updated_at":2009,"url":2010,"score":2011},"- [x] Pagination\n- [ ] Row Pinning\n- [ ] Grouping\n- [ ] Virtualization\n- ...\n\n\n",[2001,2004],{"name":2002,"color":2003},"enhancement","a2eeef",{"name":2005,"color":2006},"v3","49DCB8",2441,"[Table] Implement more TanStack Table features","2025-03-15T10:42:13Z","https://github.com/nuxt/ui/issues/2441",0.7317924,{"description":2013,"labels":2014,"number":2021,"owner":1991,"repository":1992,"state":1993,"title":2022,"updated_at":2023,"url":2024,"score":2025},"### Environment\n\n- Operating System: Linux\n- Bun Version: v1.1.29\n- Vue Version: v3.5.13\n- Vite Version: v5.4.11\n- Package Manager: bun@1.1.29\n\n### Is this bug related to Nuxt or Vue?\n\nVue\n\n### Version\n\nv3.0.0-alpha.9\n\n### Reproduction\n\nUnable to run on \u003Chttps://stackblitz.com/edit/vitejs-vite-2s99rp> because of https://github.com/stackblitz/core/issues/1855 (I think) but I'll create a repo as soon as I can.\n\n### Description\n\nAfter following the setup tutorial for the installation of Nuxt UI in a Vue-only environment and running the project, I get an error (see logs). \nThe only different thing in the setup I had to do is that, as I am building a custom element, I did:\n```ts\nconst Widget = defineCustomElement(App, {\n\tconfigureApp(app) {\n\t\tapp.use(ui)\n\t\tapp.use(i18n)\n\t\tapp.provide(I18nInjectionKey, i18n)\n\t},\n})\n```\nInstead of the usual `createApp` method. Did I miss something?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n15:53:45 [vite] Internal server error: [postcss] postcss-import: /home/dany/Documenti/GitHub/chat-widget/node_modules/@nuxt/ui/dist/module.mjs:1:16: Unknown word\n Plugin: vite:css\n File: /home/dany/Documenti/GitHub/chat-widget/node_modules/@nuxt/ui/dist/module.mjs:1:15\n 1 | import defu, { defu as defu$1 } from 'defu';\n | ^\n 2 | import { defineNuxtModule, createResolver, addVitePlugin, addPlugin, addComponentsDir, addImportsDir, extendPages, hasNuxtModule, installModule } from '@nuxt/kit';\n 3 | import { d as defaultOptions, r as resolveColors, a as getDefaultUiConfig, b as addTemplates, c as buildTemplates } from './shared/ui.d52SSCwA.mjs';\n at Input.error (/home/dany/Documenti/GitHub/chat-widget/node_modules/postcss/lib/input.js:106:16)\n at Parser.unknownWord (/home/dany/Documenti/GitHub/chat-widget/node_modules/postcss/lib/parser.js:593:22)\n at Parser.other (/home/dany/Documenti/GitHub/chat-widget/node_modules/postcss/lib/parser.js:435:12)\n at Parser.parse (/home/dany/Documenti/GitHub/chat-widget/node_modules/postcss/lib/parser.js:470:16)\n at parse (/home/dany/Documenti/GitHub/chat-widget/node_modules/postcss/lib/parse.js:11:12)\n at get root [as root] (/home/dany/Documenti/GitHub/chat-widget/node_modules/postcss/lib/no-work-result.js:119:14)\n at Result.get [as root] (/home/dany/Documenti/GitHub/chat-widget/node_modules/postcss/lib/no-work-result.js:27:21)\n at loadImportContent (file:///home/dany/Documenti/GitHub/chat-widget/node_modules/vite/dist/node/chunks/dep-C6EFp3uH.js:867:33)\n at async Promise.all (index 0)\n at async resolveImportId (file:///home/dany/Documenti/GitHub/chat-widget/node_modules/vite/dist/node/chunks/dep-C6EFp3uH.js:800:27)\n15:53:45 [vite] Pre-transform error: [postcss] postcss-import: /home/dany/Documenti/GitHub/chat-widget/node_modules/@nuxt/ui/dist/module.mjs:1:16: Unknown word\n```",[2015,2016,2017,2018],{"name":1985,"color":1986},{"name":2005,"color":2006},{"name":1988,"color":1989},{"name":2019,"color":2020},"vue","42b883",2827,"Internal server error: [postcss] postcss-import: Unknown word","2025-03-15T05:10:43Z","https://github.com/nuxt/ui/issues/2827",0.7403891,{"description":2027,"labels":2028,"number":2031,"owner":1991,"repository":1992,"state":1993,"title":2032,"updated_at":2033,"url":2034,"score":2035},"### Environment\n\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.15.2\n- CLI Version: 3.20.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@8.15.6\n- Builder: -\n- User Config: modules\n- Runtime Modules: @nuxt/ui@2.21.0\n- Build Modules: -\n\n### Version\n\nv2.21.0\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-kt7kxa75?file=app.vue\n\n### Description\n\nThe position of the arrow of a tooltip which is used inside a popover appears in the wrong position if the `top` placement is used\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2029,2030],{"name":1985,"color":1986},{"name":1988,"color":1989},3164,"Bug on tooltip arrow position if inside a popover","2025-01-23T09:36:39Z","https://github.com/nuxt/ui/issues/3164",0.74135774,{"description":2037,"labels":2038,"number":2042,"owner":1991,"repository":1991,"state":1993,"title":2043,"updated_at":2044,"url":2045,"score":2046},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v18.15.0`\r\n- Nuxt Version: `3.4.1`\r\n- Nitro Version: `2.3.3`\r\n- Package Manager: `npm@9.6.1`\r\n- Builder: `vite`\r\n- User Config: `typescript`, `modules`, `i18n`, `app`, `pwa`, `proxy`, `runtimeConfig`, `postcss`\r\n- Runtime Modules: `@pinia/nuxt@0.4.9`, `nuxt-proxy@0.4.1`, `@nuxtjs/i18n@8.0.0-beta.11`, `@vite-pwa/nuxt@0.0.7`\r\n- Build Modules: `-`\r\n\n\n### Reproduction\n\nAdd a query param to the route you're on:\r\n```ts\r\nnavigateTo({ ...route, query: { ...route.query, voucher: voucher.value } }, { replace: true })\r\n```\r\nnow the query param 'voucher' is applied to the url. When i want to remove this query param like so\r\n```ts\r\n const route = useRoute()\r\n const router = useRouter()\r\n const {query} = {...route}\r\n delete query.voucher\r\n console.log(router.resolve({ ...route, query: {...query } }))\r\n await navigateTo({ ...route, query: {...query } }, { replace: true })\r\n```\r\nit doesn't update the url in the browser although the console log resolves to the url without the voucher param\r\n\n\n### Describe the bug\n\nshould update the query params in url after removing it from the query and call the navigateTo function\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2039],{"name":2040,"color":2041},"pending triage","E99695",20677,"navigateTo Doesn't update url when removing one query param from url","2024-07-10T08:56:13Z","https://github.com/nuxt/nuxt/issues/20677",0.75650406,{"description":2048,"labels":2049,"number":2052,"owner":1991,"repository":2053,"state":2054,"title":2055,"updated_at":2056,"url":2057,"score":2058},"\n\nhttps://nuxt.com/design-kit",[2050],{"name":1985,"color":2051},"ff281a",1516,"nuxt.com","closed","[design kit] Color boxes are broken","2024-03-03T09:33:13Z","https://github.com/nuxt/nuxt.com/issues/1516",0.6651318,{"description":2060,"labels":2061,"number":2063,"owner":1991,"repository":1992,"state":2054,"title":2064,"updated_at":2065,"url":2066,"score":2067},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v20.12.1`\n- Nuxt Version: `3.13.2`\n- CLI Version: `3.14.0`\n- Nitro Version: `2.9.7`\n- Package Manager: `pnpm@9.9.0`\n- Builder: `-`\n- User Config: `-`\n- Runtime Modules: `-`\n- Build Modules: `-`\n\n\n### Version\n\n2.18.4\n\n### Reproduction\n\n```\nexport default defineAppConfig({\n ui: {\n primary: 'black',\n gray: 'neutral',\n...\n```\n\n### Description\n\nWhen setting `ui.primary` to black the primary colour changes to black as expected, but then I am unable to select (I.e highlight) any of the text anywhere on any page.\n\nIf I set the colour to a Tailwind colour like `slate` then the text is selectable. However, `slate-950` doesn't work, it seems it doesn't support shades. \n\nSpecifying a colour with `#` does not seem to be supported in that field either. \n\nSubsequently there is no way to access black. \n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2062],{"name":1985,"color":1986},2370,"Unable to use black as primary ui colour","2024-10-23T20:24:09Z","https://github.com/nuxt/ui/issues/2370",0.6773115,{"description":2069,"labels":2070,"number":2071,"owner":1991,"repository":2053,"state":2054,"title":2072,"updated_at":2073,"url":2074,"score":2075},"### Environment\r\n\r\nN/A\r\n\r\n### Reproduction\r\n\r\nN/A\r\n\r\n### Describe the bug\r\n\r\nGoing to https://nuxt.com/modules/tailwindcss resulted in this:\r\n\r\n\u003Cimg width=\"573\" alt=\"image\" src=\"https://github.com/nuxt/nuxt/assets/26592486/c1018a94-852c-46f2-ae1b-2c42f83028e4\">\r\n\r\n**ID as Text**: `cle1::k9s6r-1697123779540-48474018b10e`\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[],1368,"nuxt.com 504: GATEWAY_TIMEOUT","2023-10-18T11:04:15Z","https://github.com/nuxt/nuxt.com/issues/1368",0.7096633,{"description":2077,"labels":2078,"number":2080,"owner":1991,"repository":1992,"state":2054,"title":2081,"updated_at":2082,"url":2083,"score":2084},"### Description\n\nI would like the ability to add / enable animations like slide / fade when the carousel changes the current page.\n\nI noticed from the repo links refering to https://www.embla-carousel.com/plugins. This present some animations like sliding https://www.embla-carousel.com/plugins/autoplay or fading https://www.embla-carousel.com/plugins/fade.\n\nI tried the prop `fade` whith `\u003CUCarousel />` but didn't see the effect.\n\nThank you.\n\n### Additional context\n\n_No response_",[2079],{"name":2002,"color":2003},3101,"[Feature request] animation on change for carousel","2025-01-25T13:14:24Z","https://github.com/nuxt/ui/issues/3101",0.7169524,{"description":2086,"labels":2087,"number":2090,"owner":1991,"repository":1992,"state":2054,"title":2091,"updated_at":2092,"url":2093,"score":2094},"### Environment\n\n\n Operating System: Windows_NT\n Node Version: v20.18.0\n Nuxt Version: 3.13.2\n CLI Version: 3.14.0\n Nitro Version: 2.9.7\n Package Manager: pnpm@9.12.1\n Builder: -\n User Config: -\n Runtime Modules: -\n Build Modules: -\n\n\n### Version\n\nv3.0.0-alpha.6\n\n### Reproduction\n\nCannot use v3 on stackblitz so no repo.\n\n### Description\n\nIt looks like `onSelect?(e: Event): void` doesn't work, instead it is `select?(e: Event): void`. \nSpent a good amount of time until I figured it out. :')\nDocs problem only or something else?\n\nOnly tried nav and dropdown menus but this probably happens on all components that have onSelect:\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2088,2089],{"name":1985,"color":1986},{"name":2005,"color":2006},2392,"[NavigationMenu/DropdownMenu etc] 'onSelect' doesn't work, instead it is 'select' only","2024-10-16T09:55:28Z","https://github.com/nuxt/ui/issues/2392",0.7275877,["Reactive",2096],{},["Set"],["ShallowReactive",2099],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"3n915gXgsZvXTCL4TjgV2ztobp9kwz1UVv3D_9uTojs":-1},"/nuxt/nuxt.com/1374"]