\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```",[1995,1998],{"name":1996,"color":1997},"bug","d73a4a",{"name":1999,"color":2000},"triage","ffffff",2713,"ui","UInput Component Lacks Proper Handling of compositionstart and compositionend","2024-11-21T06:40:46Z","https://github.com/nuxt/ui/issues/2713",0.7588612,{"description":2008,"labels":2009,"number":2018,"owner":1985,"repository":2002,"state":1987,"title":2019,"updated_at":2020,"url":2021,"score":2022},"### 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```",[2010,2011,2014,2015],{"name":1996,"color":1997},{"name":2012,"color":2013},"v3","49DCB8",{"name":1999,"color":2000},{"name":2016,"color":2017},"vue","42b883",2827,"Internal server error: [postcss] postcss-import: Unknown word","2025-03-15T05:10:43Z","https://github.com/nuxt/ui/issues/2827",0.7634002,{"description":2024,"labels":2025,"number":2032,"owner":1985,"repository":1985,"state":1987,"title":2033,"updated_at":2034,"url":2035,"score":2036},"### Describe the feature\n\nHey I am currently moving a big project from standard vue3 to nuxt, and have to rewrite most of my options api code to composition api..\r\n\r\nThe issue mostly is that some features are not there in composition api and when one is missing i can't \"link\" it to options api and then i got to go down the rabbit hole of changing my code to use composition api although it's already completely valid options api code.\r\n\r\nFor real, props, it is an awesome framework and it's very impressive etc.\r\n\r\nBUT.... in my opinion, it is kind of weird that it does not fully support vue (from my pov) as i do have to use so much \"special\" vue code instead of easily porting my app.\r\n\r\nI am still continuing to use nuxt for now but if you were able to make the transition a bit easier, i think a lot of people would use nuxt instead of plain old vue 3.\r\n\r\nI am willing to help with the adoption by saying what needs to happen (for a project like mine) to be easily portable to nuxt, if that is helpful.\r\n\r\nLmk what u think :) \n\n### Additional information\n\n- [X] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[2026,2029],{"name":2027,"color":2028},"enhancement","8DEF37",{"name":2030,"color":2031},"🍰 p2-nice-to-have","0E8A16",21670,"Missing Support (Or documentation of) Options API with Nuxt","2024-06-30T11:08:29Z","https://github.com/nuxt/nuxt/issues/21670",0.7683717,{"description":2038,"labels":2039,"number":2042,"owner":1985,"repository":1985,"state":1987,"title":2043,"updated_at":2044,"url":2045,"score":2046},"```[tasklist]\r\n### Tasks\r\n- [x] namespace access to `useNuxtApp('app-name')` - probably defaulting to `buildID`\r\n- [x] move global variables into namespace and add compatibility layer for users not using multi-app (https://github.com/nuxt/nuxt/issues/25336)\r\n- [ ] investigate dev-time multi-app support\r\n- [ ] add module federation demo/fixture to monorepo\r\n- [ ] investigate nitro integration for deployment/orchestration\r\n- [ ] add nuxt 'host' support for coordinating 'child' apps, components, or other code that needs to run in a nuxt context\r\n```\r\n",[2040,2041],{"name":2027,"color":2028},{"name":2030,"color":2031},21635,"Multi-app support","2025-03-04T19:45:51Z","https://github.com/nuxt/nuxt/issues/21635",0.7790698,{"description":2048,"labels":2049,"number":1984,"owner":1985,"repository":2050,"state":2051,"title":2052,"updated_at":2053,"url":2054,"score":1991},"- Add a section displaying Social icons linking (_blank) to each.\n\nFields in agency item (name and order of display):\n- twitter\n- github\n- linkedin\n- facebook\n",[],"nuxt.com","closed","[Agency page] Add Social section","2023-09-05T08:18:52Z","https://github.com/nuxt/nuxt.com/issues/1143",{"description":2056,"labels":2057,"number":2060,"owner":1985,"repository":2050,"state":2051,"title":2061,"updated_at":2062,"url":2063,"score":2064},"\n\nhttps://nuxt.com/design-kit",[2058],{"name":1996,"color":2059},"ff281a",1516,"[design kit] Color boxes are broken","2024-03-03T09:33:13Z","https://github.com/nuxt/nuxt.com/issues/1516",0.7576711,{"description":2066,"labels":2067,"number":2068,"owner":1985,"repository":2069,"state":2051,"title":2070,"updated_at":2071,"url":2072,"score":2073},"The `fontsource` provider gets the variable weights range from the `weights` field.\r\nBut it should get it from the endpoint `https://api.fontsource.org/v1/variable/{id}`.\r\nAs it is described in the docs [https://fontsource.org/docs/api/variable](https://fontsource.org/docs/api/variable)\r\n\r\nNow, for example, `Roboto Flex` is generated with `weight: 400 400` instead of `weight: 100 1000`\r\n[https://api.fontsource.org/v1/variable/roboto-flex](https://api.fontsource.org/v1/variable/roboto-flex)",[],193,"fonts","bug: fontsource variable weight","2024-07-12T07:39:17Z","https://github.com/nuxt/fonts/issues/193",0.76024204,{"labels":2075,"number":2080,"owner":1985,"repository":1985,"state":2051,"title":2081,"updated_at":2082,"url":2083,"score":2084},[2076,2077],{"name":2027,"color":2028},{"name":2078,"color":2079},"2.x","d4c5f9",8252,"Support Webpack 5","2023-01-22T15:52:45Z","https://github.com/nuxt/nuxt/issues/8252",0.76045316,{"description":2086,"labels":2087,"number":2088,"owner":1985,"repository":1986,"state":2051,"title":2089,"updated_at":2090,"url":2091,"score":2092},"in [module testing docs](https://test-utils.nuxtjs.org/api-reference/module-testing) page It only shows the following options:\r\n- `addPlugin`\r\n- `addLayout` \r\n- `addErrorLayout`\r\n- `addServerMiddleware` \r\n- `requireModule`\r\n\r\nBut the `addModule` option is not documented although it can be used!",[],449,"Module testing page is missing the \"addModule\" option","2023-12-02T00:13:11Z","https://github.com/nuxt/test-utils/issues/449",0.7604753,["Reactive",2094],{},["Set"],["ShallowReactive",2097],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"JZXWn0eMmzGhdqs2tQnA0jc9aCmx2_8IXklCW6rTXFM":-1},"/nuxt/icon/273"]