\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```",[2004,2007],{"name":2005,"color":2006},"bug","d73a4a",{"name":1991,"color":1992},2713,"UInput Component Lacks Proper Handling of compositionstart and compositionend","2024-11-21T06:40:46Z","https://github.com/nuxt/ui/issues/2713",0.7655288,{"description":2014,"labels":2015,"number":2017,"owner":1994,"repository":1995,"state":2018,"title":2019,"updated_at":2020,"url":2021,"score":2022},"### Description\n\nThere should be an option via Nuxt UI's configuration to disable all of the other modules:\r\n- @nuxt/icon\r\n- @nuxtjs/tailwindcss\r\n- @nuxtjs/color-mode\r\n\r\nThat way, if a user wanted access to the components, but entirely unstyled, they could still use Nuxt UI.\r\n\r\nCurrently, I have a use case for using UPopover, but not Tailwind, Nuxt Icon, or color mode. I could use Headless UI instead, but Nuxt UI's implementation of the hover mode is already complete and ready to use.\n\n### Additional context\n\n_No response_",[2016],{"name":1985,"color":1986},2162,"closed","Disable @nuxt/icon, @nuxtjs/tailwindcss and @nuxtjs/color-mode modules via config","2024-09-10T16:29:53Z","https://github.com/nuxt/ui/issues/2162",0.6390605,{"description":2024,"labels":2025,"number":2026,"owner":1994,"repository":2027,"state":2018,"title":2028,"updated_at":2029,"url":2030,"score":2031},"Tailwind v4 moves configuration into CSS instead of `tailwind.config.js`. https://tailwindcss.com/blog/tailwindcss-v4-alpha\r\n\r\nFor example in v4 to specify a custom font, you'd just do this and then you can use `.font-display` within your HTML. (example from their blog post)\r\n```css\r\n/* main.css */\r\n@import \"tailwindcss\";\r\n\r\n@theme {\r\n --font-family-display: \"Satoshi\", \"sans-serif\";\r\n}\r\n```\r\n### Workaround\r\n\r\nCurrently the workaround to use Tailwind CSS v4 with Nuxt Fonts is simply to specify using `font-family` in the CSS so it's loaded in.\r\n```css\r\n@import \"tailwindcss\";\r\n\r\n@theme {\r\n --font-family-marker: \"Permanent Marker\", cursive;\r\n}\r\n\r\n.nuxt-fonts-permanent-marker {\r\n font-family: \"Permanent Marker\", cursive;\r\n}\r\n```",[],132,"fonts","Support Tailwind CSS v4","2024-04-22T09:11:12Z","https://github.com/nuxt/fonts/issues/132",0.704147,{"description":2033,"labels":2034,"number":2035,"owner":1994,"repository":2036,"state":2018,"title":2037,"updated_at":2038,"url":2039,"score":2040},"@harlan-zw hi!\r\n\r\nI may have missed it somewhere, although I've gone through the documentation completely.\r\nCan you please tell me if it is possible to add two or more GTM containers?\r\nIf so, how do I use them?\r\n\r\nIn brief - I need to use different gtm-id on different url's. And the GTM script should be loaded immediately, by default",[],154,"scripts","Two or more GTM containers","2024-08-07T02:22:06Z","https://github.com/nuxt/scripts/issues/154",0.7301768,{"description":2042,"labels":2043,"number":2046,"owner":1994,"repository":2047,"state":2018,"title":2048,"updated_at":2049,"url":2050,"score":2051},"## General \n\n- [ ] We need more space here (approx x3 this space)\n\n- [x] Same here\n\n## Framework\n\n- [x] Icon is not the good one, check Figma \n- [ ] [Lightmode] Icon color must be white as default state\n- [x] Video part should be bigger and more on the right\n\n## Studio / Projects\n\n- [ ] More left padding in inputs inside illustration\n\n## Community\n- [ ] [Mobile] Modify the map svg to make it look better @R-mooon \n- [ ] [Mobile] Then implement it @Flosciante \n\n## Newsletter \n\n- [x] Can you reduce the opacity of the gradient ? On his strongest it looks too much colorful\n- [x] Also on gradient mouse hover, can you smooth the animation when you mouse-enter from logos partners it appears very brutally (maybe reduce the global range of the effect ?\n\n\n- [ ] We need to find a workaround of this in both Light & Darkmode",[2044],{"name":1985,"color":2045},"1ad6ff",762,"nuxt.com","[Home] Design feedbacks v2 ","2023-02-15T12:30:55Z","https://github.com/nuxt/nuxt.com/issues/762",0.7354389,{"description":2053,"labels":2054,"number":2058,"owner":1994,"repository":1995,"state":2018,"title":2059,"updated_at":2060,"url":2061,"score":2062},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v20.18.1\n- Nuxt Version: 3.15.0\n- CLI Version: 3.17.2\n- Nitro Version: 2.10.4\n- Package Manager: bun@1.1.42\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui-pro@3.0.0-alpha.10, @nuxtjs/i18n@9.1.1\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nV3.0.0-alpha.10\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/nuxt-ui3-forked-gxx7qs\n\n### Description\n\nWhen using a USelectMenu together with the placeholder or label-key it collides with the slots. The rendered elements are overlapping. \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2055,2056,2057],{"name":2005,"color":2006},{"name":1988,"color":1989},{"name":1991,"color":1992},3022,"USelectMenu placeholder/selected value collides with slots","2025-04-08T10:26:50Z","https://github.com/nuxt/ui/issues/3022",0.74209,{"description":2064,"labels":2065,"number":2066,"owner":1994,"repository":2047,"state":2018,"title":2067,"updated_at":2068,"url":2069,"score":2070},"The docs do not have styles for h5 headers, you can see it in posts with a lot of sections and sub-sections, like the [v4 Migration guide](https://nuxt.com/docs/getting-started/upgrade#testing-nuxt-4).\r\n\r\nI suggest at least making those titles bold so they stand out a bit more.",[],1596,"Missing styles for h5","2024-06-17T14:49:04Z","https://github.com/nuxt/nuxt.com/issues/1596",0.7433915,{"description":2072,"labels":2073,"number":2076,"owner":1994,"repository":1995,"state":2018,"title":2077,"updated_at":2078,"url":2079,"score":2080},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.10.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: bun@1.2.2\n- Builder: -\n- User Config: devtools, experimental, ssr, modules, runtimeConfig, css, future, compatibilityDate, app, ogImage, image, icon, colorMode, seo, apiParty, security, lodash, zodI18n, i18n, vue, routeRules, $development, $production, $test\n- Runtime Modules: magic-regexp/nuxt@0.8.0, nuxt-api-party@2.1.2, nuxt-lodash@2.5.3, nuxt-security@2.1.5, nuxt-zod-i18n@1.11.5, @vueuse/nuxt@12.5.0, @pinia/nuxt@0.9.0, @nuxtjs/i18n@9.0.0, @nuxtjs/seo@2.1.1, @nuxt/ui@3.0.0-alpha.12, @nuxt/image@1.9.0, @nuxt/eslint@1.0.0, @nuxt/scripts@0.9.5\n- Build Modules: -\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\nYou can check it for example here: https://ui3.nuxt.dev/components/navigation-menu#theme when you click the link to check out the source code of the theme file.\n\n### Description\n\nWhen trying to navigate to the source code of a component's theme (like `NavigationMenu`), the link is broken.\nI saw that it's because this\nhttps://github.com/nuxt/ui/blob/69bc686efd657e3cbf8e9394649f0d5f4c4af434/docs/app/components/content/ComponentTheme.vue#L18\nbreaks this\nhttps://github.com/nuxt/ui/blob/69bc686efd657e3cbf8e9394649f0d5f4c4af434/docs/app/components/content/ComponentTheme.vue#L113\nso I think we should either rename the theme files to be camelCase (not worth the effort imho) or just easily do something like this:\n```ts\nconst name = props.slug ?? route.params.slug?.[route.params.slug.length - 1] ?? ''\nconst camelName = camelCase(name)\n```\nand use the `camelName` where needed.\n\nI can submit a PR for that if you prefer.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2074,2075],{"name":2005,"color":2006},{"name":1988,"color":1989},3222,"Links to components' theme source code are broken","2025-02-02T10:38:55Z","https://github.com/nuxt/ui/issues/3222",0.743643,{"description":2082,"labels":2083,"number":2092,"owner":1994,"repository":1994,"state":2018,"title":2093,"updated_at":2094,"url":2095,"score":2096},"I'd like to specify watchOptions in nuxt.config.js for the webpack-dev-middleware but I'm not exactly sure where.\r\n\r\n`watchOptions: {\r\n aggregateTimeout: 300,\r\n poll: 1000\r\n}`\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This feature request is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c329\">#c329\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2084,2086,2089],{"name":1985,"color":2085},"8DEF37",{"name":2087,"color":2088},"available soon","6de8b0",{"name":2090,"color":2091},"2.x","d4c5f9",379,"Webpack config - watchOptions","2023-01-18T15:38:49Z","https://github.com/nuxt/nuxt/issues/379",0.7463718,["Reactive",2098],{},["Set"],["ShallowReactive",2101],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"MU3w4KHvEQFhmSfdCL5tzO02ntvtpMiTJR7BARZ6TpE":-1},"/nuxt/icon/245"]