\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```",[2856,2859],{"name":2857,"color":2858},"bug","d73a4a",{"name":2860,"color":2861},"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.76517004,{"description":2871,"labels":2872,"number":2876,"owner":2863,"repository":2864,"state":2877,"title":2878,"updated_at":2879,"url":2880,"score":2881},"### 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_",[2873],{"name":2874,"color":2875},"enhancement","a2eeef",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.64057374,{"description":2883,"labels":2884,"number":2885,"owner":2863,"repository":2886,"state":2877,"title":2887,"updated_at":2888,"url":2889,"score":2890},"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.6964447,{"description":2892,"labels":2893,"number":2896,"owner":2863,"repository":2897,"state":2877,"title":2898,"updated_at":2899,"url":2900,"score":2901},"## 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",[2894],{"name":2874,"color":2895},"1ad6ff",762,"nuxt.com","[Home] Design feedbacks v2 ","2023-02-15T12:30:55Z","https://github.com/nuxt/nuxt.com/issues/762",0.7241617,{"description":2903,"labels":2904,"number":2905,"owner":2863,"repository":2906,"state":2877,"title":2907,"updated_at":2908,"url":2909,"score":2910},"@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.7318121,{"description":2912,"labels":2913,"number":2919,"owner":2863,"repository":2864,"state":2877,"title":2920,"updated_at":2921,"url":2922,"score":2923},"### 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```",[2914,2915,2918],{"name":2857,"color":2858},{"name":2916,"color":2917},"v3","49DCB8",{"name":2860,"color":2861},3022,"USelectMenu placeholder/selected value collides with slots","2025-04-08T10:26:50Z","https://github.com/nuxt/ui/issues/3022",0.7340425,{"description":2925,"labels":2926,"number":2927,"owner":2863,"repository":2897,"state":2877,"title":2928,"updated_at":2929,"url":2930,"score":2931},"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.73638403,{"description":2933,"labels":2934,"number":2938,"owner":2863,"repository":2897,"state":2877,"title":2939,"updated_at":2940,"url":2941,"score":2942},"All information on this form : https://docs.google.com/forms/d/1wj_8SJSKsBbAl2LHP_FXN1hmX2F9q0exgnMgnqItOew/edit#response=ACYDBNj8ub8yiV2ml4eURll0EIlnVxRXYg_nwSfTVm6OTB6vu5kUz1faMLBhj56dEuVe3cQ",[2935],{"name":2936,"color":2937},"marketing","f5c828",1028,"[Partner] Build BrainPlatform partner page","2023-06-06T12:14:26Z","https://github.com/nuxt/nuxt.com/issues/1028",0.74239093,{"description":2944,"labels":2945,"number":2948,"owner":2863,"repository":2864,"state":2877,"title":2949,"updated_at":2950,"url":2951,"score":2952},"### 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```",[2946,2947],{"name":2857,"color":2858},{"name":2916,"color":2917},3222,"Links to components' theme source code are broken","2025-02-02T10:38:55Z","https://github.com/nuxt/ui/issues/3222",0.74759305,{"description":2954,"labels":2955,"number":2958,"owner":2863,"repository":2897,"state":2877,"title":2959,"updated_at":2960,"url":2961,"score":2962},"In light mode : \n- [ ] missing picture\n- [ ] fix button\n- [ ] title in journey section",[2956],{"name":2857,"color":2957},"ff281a",1099,"[Community page]: fix bug","2023-09-05T08:18:51Z","https://github.com/nuxt/nuxt.com/issues/1099",0.74845046,["Reactive",2964],{},["Set"],["ShallowReactive",2967],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fMU3w4KHvEQFhmSfdCL5tzO02ntvtpMiTJR7BARZ6TpE":-1},"/nuxt/icon/245"]