\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```",[2867,2870],{"name":2868,"color":2869},"bug","d73a4a",{"name":2871,"color":2872},"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.6762319,{"description":2882,"labels":2883,"number":2888,"owner":2874,"repository":2875,"state":2889,"title":2890,"updated_at":2891,"url":2892,"score":2893},"### Environment\n\n```\n------------------------------\n- Operating System: Darwin\n- Node Version: v22.11.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: future, compatibilityDate, modules, css, experimental, runtimeConfig, routeRules, i18n, icon\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.12, @nuxt/image@1.9.0, @nuxtjs/i18n@9.2.0, @vueuse/nuxt@12.5.0\n- Build Modules: -\n------------------------------\n```\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3, latest commit\n\n### Reproduction\n\nhttps://ui3.nuxt.dev/components/navigation-menu\n\n### Description\n\nThe items (`\u003Cli>`) of NavigationMenu have unnecessary padding top and bottom.\n\nIs:\n\u003Cimg width=\"691\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/cdb9a3e5-3429-4883-aa4a-c8e7859356f0\" />\n\nShould:\n\u003Cimg width=\"694\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/155b8a32-2e58-44b0-becf-7646c39e40f7\" />\n\nOtherwise this leads to unexpected whitespaces. E.g. the following has class `mt-0` but still shows a significant margin:\n\u003Cimg width=\"316\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/af76a978-85cd-4ed4-9269-8dfca3c9686d\" />\n\n### Additional context\n\nTabs doesnt have this:\n\u003Cimg width=\"1040\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/f5849972-7c7b-421a-9f9c-03d0a73f5572\" />",[2884,2885],{"name":2868,"color":2869},{"name":2886,"color":2887},"v3","49DCB8",3328,"closed","NavigationMenu container is too high, creates whitespace","2025-03-28T17:38:47Z","https://github.com/nuxt/ui/issues/3328",0.6906084,{"description":2895,"labels":2896,"number":2899,"owner":2874,"repository":2900,"state":2889,"title":2901,"updated_at":2902,"url":2903,"score":2904},"\n\nhttps://nuxt.com/design-kit",[2897],{"name":2868,"color":2898},"ff281a",1516,"nuxt.com","[design kit] Color boxes are broken","2024-03-03T09:33:13Z","https://github.com/nuxt/nuxt.com/issues/1516",0.6932106,{"description":2906,"labels":2907,"number":2911,"owner":2874,"repository":2875,"state":2889,"title":2912,"updated_at":2913,"url":2914,"score":2915},"### 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_",[2908],{"name":2909,"color":2910},"enhancement","a2eeef",3101,"[Feature request] animation on change for carousel","2025-01-25T13:14:24Z","https://github.com/nuxt/ui/issues/3101",0.7018118,{"description":2917,"labels":2918,"number":2921,"owner":2874,"repository":2900,"state":2889,"title":2922,"updated_at":2923,"url":2924,"score":2925},"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)",[2919],{"name":2909,"color":2920},"1ad6ff",1374,"Improve roadmap table on mobile","2023-12-08T16:15:30Z","https://github.com/nuxt/nuxt.com/issues/1374",0.70397913,{"description":2927,"labels":2928,"number":2930,"owner":2874,"repository":2900,"state":2889,"title":2931,"updated_at":2932,"url":2933,"score":2934},"",[2929],{"name":2909,"color":2920},611,"[Resources] Refactor showcases into a composable","2023-02-15T12:32:38Z","https://github.com/nuxt/nuxt.com/issues/611",0.70642483,{"description":2936,"labels":2937,"number":2930,"owner":2874,"repository":2941,"state":2889,"title":2942,"updated_at":2943,"url":2944,"score":2934},"I'm on v0.11.2 and it seems what `defineVitestConfig` wants and the type definition doesn't line up?\r\n\r\nIt wants an `InlineConfig` passed in directly in the typedef, but I'm having to do this:\r\n\r\n```js\r\nimport { defineVitestConfig } from \"nuxt-vitest/config\";\r\nimport type { InlineConfig } from \"vitest\";\r\n\r\nconst test: InlineConfig = {\r\n coverage: {\r\n all: true,\r\n branches: 87.5, // 7 / 8\r\n exclude: [\r\n \"node_modules\",\r\n \".nuxt\",\r\n \"app\",\r\n \"dist\",\r\n \"scripts\",\r\n \"*.config.ts\",\r\n \"**/types.ts\",\r\n \"**/*.tests.ts\",\r\n \"**/*.js\",\r\n \"**/*.mjs\",\r\n \"pages\",\r\n \"plugins\",\r\n \"app.vue\",\r\n ],\r\n },\r\n environment: \"happy-dom\",\r\n include: [\"**/*.tests.ts\"],\r\n};\r\n\r\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\r\n// @ts-ignore\r\nexport default defineVitestConfig({ test });\r\n```",[2938],{"name":2939,"color":2940},"vitest-environment","b60205","test-utils","typecheck issues with defineVitestConfig?","2023-12-02T23:35:07Z","https://github.com/nuxt/test-utils/issues/611",{"description":2946,"labels":2947,"number":2948,"owner":2874,"repository":2941,"state":2889,"title":2949,"updated_at":2950,"url":2951,"score":2952},"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.7159793,{"description":2954,"labels":2955,"number":2958,"owner":2874,"repository":2875,"state":2889,"title":2959,"updated_at":2960,"url":2961,"score":2962},"### Environment\n\n------------------------------\n- Operating System: Linux\n- Node Version: v22.14.0\n- Nuxt Version: 3.16.0\n- CLI Version: 3.23.0\n- Nitro Version: 2.11.6\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: app, compatibilityDate, sourcemap, devtools, nitro, experimental, runtimeConfig, routeRules, typescript, css, viewport, i18n, icon, hub, devServer, vite, $development, $production, auth, ui, vue, modules\n- Runtime Modules: @nuxtjs/i18n@9.3.1, @nuxt/ui@3.0.0, @pinia/nuxt@0.10.1, nuxt-viewport@2.2.0, @nuxthub/core@0.8.18, nuxt-auth-utils@0.5.16, @nuxt/eslint@1.2.0\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0\n\n### Reproduction\n\nInstall nuxt ui and i18n module (to switch to current loacale)\n\nin app.vue: \n```vue\ntemplate>\n \u003CUApp \n :toaster=\"{ position: $viewport.isLessThan('md') ? 'bottom-center' : 'top-center' }\"\n :locale=\"locales[locale as 'fr' | 'en']\" class=\"\"\n >\n \u003CNuxtLayout>\n \u003CNuxtPage />\n \u003C/NuxtLayout>\n \u003C/UApp>\n\u003C/template>\n\u003Cscript setup lang=\"ts\">\nimport { fr, en } from '@nuxt/ui/locale';\nconst locales = { fr, en };\nconst { t, locale } = useI18n();\n\u003C/script>\n```\nAnalyze your bundle:\n`npx nuxi analyze`\n\n### Description\n\nAs you can see, unused locales are still included in the bundle, while only Fr and En have been imported\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2956,2957],{"name":2868,"color":2869},{"name":2886,"color":2887},3602,"i18n, Unused locales are included in the bundle","2025-03-18T14:19:38Z","https://github.com/nuxt/ui/issues/3602",0.71857864,{"description":2927,"labels":2964,"number":2966,"owner":2874,"repository":2900,"state":2889,"title":2967,"updated_at":2968,"url":2969,"score":2970},[2965],{"name":2868,"color":2898},411,"When first going to a project, the `default_branch` is not selected but instead the first element in array","2023-02-15T12:32:16Z","https://github.com/nuxt/nuxt.com/issues/411",0.7204315,["Reactive",2972],{},["Set"],["ShallowReactive",2975],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fFp5YOeSeSES5GQZeF3oG1DJPfKXbjC5Zo8PfN6xY4xs":-1},"/nuxt/nuxt.com/1368"]