\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.759194,{"description":2008,"labels":2009,"number":2016,"owner":1985,"repository":2002,"state":1987,"title":2017,"updated_at":2018,"url":2019,"score":2020},"- [x] Pagination\n- [ ] Row Pinning\n- [ ] Grouping\n- [ ] Virtualization\n- ...\n\n\n",[2010,2013],{"name":2011,"color":2012},"enhancement","a2eeef",{"name":2014,"color":2015},"v3","49DCB8",2441,"[Table] Implement more TanStack Table features","2025-03-15T10:42:13Z","https://github.com/nuxt/ui/issues/2441",0.7786322,{"description":2022,"labels":2023,"number":2030,"owner":1985,"repository":2002,"state":1987,"title":2031,"updated_at":2032,"url":2033,"score":2034},"### 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```",[2024,2025,2026,2027],{"name":1996,"color":1997},{"name":2014,"color":2015},{"name":1999,"color":2000},{"name":2028,"color":2029},"vue","42b883",2827,"Internal server error: [postcss] postcss-import: Unknown word","2025-03-15T05:10:43Z","https://github.com/nuxt/ui/issues/2827",0.784444,{"description":2036,"labels":2037,"number":2040,"owner":1985,"repository":2041,"state":2042,"title":2043,"updated_at":2044,"url":2045,"score":2046},"\n\nhttps://nuxt.com/design-kit",[2038],{"name":1996,"color":2039},"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.7110899,{"description":2048,"labels":2049,"number":2050,"owner":1985,"repository":2051,"state":2042,"title":2052,"updated_at":2053,"url":2054,"score":2055},"\n\n\n**Reproduction:**\n\nnpx nuxi@latest init -t ui\n\n**Description:**\n\nI'm encountering a timeout issue. I’ve tried setting serverBundle to 'remote', 'local', and false, as well as using different package managers like pnpm and npm, but the issue persists. Not only locally installed collections effected by this, the internally used heroicons collection by nuxt/ui also throws timeout. Icons are being displayed on browser. Same log visible on browser as well, shared as screenshots.\n\n**Logs:**\n\n{\"message\":\"[warn] [Icon] loading icon `game-icons:wolf-howl` timed out after 500ms\\n\",\"timestamp\":\"2024-10-07T10:22:24.175Z\",\"type\":\"err\",\"process_id\":12,\"app_name\":\"\u003C...>\"}\n{\"message\":\"[warn] [Icon] loading icon `ph:magnifying-glass-duotone` timed out after 500ms\\n\",\"timestamp\":\"2024-10-07T10:22:24.176Z\",\"type\":\"err\",\"process_id\":12,\"app_name\":\"\u003C...>\"}\n{\"message\":\"[warn] [Icon] loading icon `ph:user-duotone` timed out after 500ms\\n\",\"timestamp\":\"2024-10-07T10:22:24.176Z\",\"type\":\"err\",\"process_id\":12,\"app_name\":\"\u003C...>\"}",[],273,"icon","[Icon] loading icon \u003C...> timed out after 500ms","2024-11-04T12:59:17Z","https://github.com/nuxt/icon/issues/273",0.7265762,{"description":2057,"labels":2058,"number":2059,"owner":1985,"repository":2060,"state":2042,"title":2061,"updated_at":2062,"url":2063,"score":2064},"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.75325286,{"description":2066,"labels":2067,"number":2068,"owner":1985,"repository":1986,"state":2042,"title":2069,"updated_at":2070,"url":2071,"score":2072},"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.7708177,{"description":2074,"labels":2075,"number":2079,"owner":1985,"repository":1985,"state":2042,"title":2080,"updated_at":2081,"url":2082,"score":2083},"**components/index.vue**\r\n```\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Cp>{{ $store.state.token }}\u003C/p>\r\n \u003Cv-btn class @click=\"reqs\">click to request\u003C/v-btn>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\nexport default {\r\n methods: {\r\n async reqs (ctx) {\r\n let me = await this.$axios.get('/cek')\r\n console.log(me.data)\r\n }\r\n }\r\n}\r\n\u003C/script>\r\n```\r\nso, i click \"Click to request\" and get this response from server\r\n\r\nI have tried with postman, and the result is normally, but, why if i use nuxt axios modules the request always changed to OPTIONS (instead GET, POST, PUT)... what should i do ?\r\n\r\nNOTE: \r\n- I use `@nuxtjs/axios` modules\r\n- I use setToken in requestInterceptors placed **nuxt.config.js**\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/c2168\">#c2168\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2076],{"name":2077,"color":2078},"2.x","d4c5f9",2497,"this.$axios request always return OPTIONS instead GET, POST, PUT, DELETE","2023-01-18T15:55:20Z","https://github.com/nuxt/nuxt/issues/2497",0.7835934,{"description":2085,"labels":2086,"number":2089,"owner":1985,"repository":2041,"state":2042,"title":2090,"updated_at":2091,"url":2092,"score":2093},"The Roadmap table (and probably the table component in general) might need some improvements for small screens.\r\n\r\n\r\n\r\n\r\nReported by @AndreyYolkin on [Discord](https://discord.com/channels/473401852243869706/473407466630152201/1164224885170647050)",[2087],{"name":2011,"color":2088},"1ad6ff",1374,"Improve roadmap table on mobile","2023-12-08T16:15:30Z","https://github.com/nuxt/nuxt.com/issues/1374",0.78677374,["Reactive",2095],{},["Set"],["ShallowReactive",2098],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"JrS5_Oj7dmTrtki0MTF4YFhbyiIRmCH4m-wq0Ton6uM":-1},"/nuxt/nuxt.com/1143"]