\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```",[2016,2017],{"name":1985,"color":1986},{"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.73457897,{"description":2024,"labels":2025,"number":2029,"owner":1997,"repository":2030,"state":2031,"title":2032,"updated_at":2033,"url":2034,"score":2035},"",[2026],{"name":2027,"color":2028},"enhancement","1ad6ff",675,"nuxt.com","closed","[Docs] Improve prose design","2022-07-07T12:30:55Z","https://github.com/nuxt/nuxt.com/issues/675",0.6770701,{"description":2037,"labels":2038,"number":2042,"owner":1997,"repository":1998,"state":2031,"title":2043,"updated_at":2044,"url":2045,"score":2046},"### Description\n\nI have the code below in my `\u003Cscript setup lang=\"ts\">`:\n```ts\nconst links = ref\u003CDashboardSidebarLink[]>([\n {\n label: \"Learn & Explore\",\n labelClass: \"text-gray-400 dark:text-gray-500\",\n collapsible: false,\n children: [\n {\n icon: \"i-heroicons-academic-cap\",\n label: \"Get Started\",\n href: \"https://www.example.com/docs\",\n target: \"_blank\",\n external: true,\n },\n {\n icon: \"i-heroicons-rectangle-stack\",\n label: \"Projects\",\n to: Routes.PROJECTS,\n },\n {\n icon: \"i-heroicons-rectangle-group\",\n label: \"Datasets\",\n to: Routes.DATASETS,\n },\n ],\n },\n]);\n```\n\nThis is how I use the `link` variable in the `\u003Ctemplate>`:\n```html\n\u003CUDashboardSidebarLinks :links=\"links\" />\n```\n\nI expected the \"Get Started\" to be rendered as an `\u003Ca>` tag but it is still rendered as a `\u003Cbutton>` tag (and it doesn't work)...\n\n",[2039],{"name":2040,"color":2041},"question","d876e3",3532,"External DashboardSidebarLink","2025-03-12T13:19:35Z","https://github.com/nuxt/ui/issues/3532",0.69347924,{"labels":2048,"number":2057,"owner":1997,"repository":1997,"state":2031,"title":2058,"updated_at":2059,"url":2060,"score":2061},[2049,2051,2054],{"name":2027,"color":2050},"8DEF37",{"name":2052,"color":2053},"workaround available","11376d",{"name":2055,"color":2056},"2.x","d4c5f9",10227,"Should have $fetchState.success","2023-02-15T00:25:12Z","https://github.com/nuxt/nuxt/issues/10227",0.7044539,{"description":2063,"labels":2064,"number":2068,"owner":1997,"repository":1998,"state":2031,"title":2069,"updated_at":2070,"url":2071,"score":2072},"### Description\n\nUsing [NavigationMenu](https://ui3.nuxt.dev/components/navigation-menu) parent items are currently always collapsible. The following is not possible:\n\n\u003Cimg width=\"252\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/21c6d595-d24d-47c8-bdb5-064a7582f5ec\" />\n\nIt would be an amazing to have a new prop `collapsible: boolean`. If set to true the parent is not clickable and the children are always visible.\n\n### Additional context\n\n_No response_",[2065,2067],{"name":2027,"color":2066},"a2eeef",{"name":1988,"color":1989},2993,"NavigationMenu with non-collapsible parents","2025-02-15T17:01:06Z","https://github.com/nuxt/ui/issues/2993",0.7155981,{"description":2074,"labels":2075,"number":2078,"owner":1997,"repository":2030,"state":2031,"title":2079,"updated_at":2080,"url":2081,"score":2082},"\n\nhttps://nuxt.com/design-kit",[2076],{"name":1985,"color":2077},"ff281a",1516,"[design kit] Color boxes are broken","2024-03-03T09:33:13Z","https://github.com/nuxt/nuxt.com/issues/1516",0.72214967,{"description":2084,"labels":2085,"number":2088,"owner":1997,"repository":1998,"state":2031,"title":2089,"updated_at":2090,"url":2091,"score":2092},"### 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\" />",[2086,2087],{"name":1985,"color":1986},{"name":1988,"color":1989},3328,"NavigationMenu container is too high, creates whitespace","2025-03-28T17:38:47Z","https://github.com/nuxt/ui/issues/3328",0.725922,{"description":2094,"labels":2095,"number":2106,"owner":1997,"repository":1997,"state":2031,"title":2107,"updated_at":2108,"url":2109,"score":2110},"### Describe the feature\n\nWhen loading data manually with the `useAsyncData` composables it would be useful for the refresh/execute throw an error if the refresh was cancelled/deduped and only finish the promise when the request is actually completed, it would be also useful to complete the promise and return the new data.\r\nThanks.\n\n### Additional information\n\n- [ ] 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).",[2096,2097,2100,2103],{"name":2027,"color":2050},{"name":2098,"color":2099},"discussion","538de2",{"name":2101,"color":2102},"⚠️ breaking change","D746A6",{"name":2104,"color":2105},"4.x","3B01A5",29112,"`useAsyncData` reject promise `refresh`","2025-03-24T19:57:43Z","https://github.com/nuxt/nuxt/issues/29112",0.72650075,["Reactive",2112],{},["Set"],["ShallowReactive",2115],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"JGT2qy46GrpQsC-hnDoISBVRWX_7MQH4CqjnR6RzHCk":-1},"/nuxt/ui/2560"]