\n\u003C/template>\n\u003Cscript setup>\nconst items = [\n { label: \"click for one\", onClick: () => alert(\"1\"), to: \"/one\" },\n { label: \"click for two\", onClick: () => alert(\"2\"), to: \"/two\" },\n]\n\u003C/script>\n```\n\nMy need is to have some secondary effects happening besides the navigation when the user clicks on a breadcrumb item.\n\n### Additional context\n\n_No response_",[3084,3085,3086],{"name":3044,"color":3045},{"name":3058,"color":3059},{"name":3087,"color":3088},"triage","ffffff",3631,"Support for `onClick` event on Breadcrumb items","2025-03-24T18:08:16Z","https://github.com/nuxt/ui/issues/3631",0.7323473,{"labels":3095,"number":3103,"owner":3021,"repository":3021,"state":3048,"title":3104,"updated_at":3105,"url":3106,"score":3107},[3096,3098,3100],{"name":3097,"color":3088},"stale",{"name":3073,"color":3099},"E99695",{"name":3101,"color":3102},"2.x","d4c5f9",8279," Content-Security-Policy设置丢失baseURL的问题","2023-01-22T15:38:17Z","https://github.com/nuxt/nuxt/issues/8279",0.7339413,{"description":3109,"labels":3110,"number":3113,"owner":3021,"repository":3061,"state":3048,"title":3114,"updated_at":3115,"url":3116,"score":3117},"### Environment\n\n-\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.16.0\n\n### Reproduction\n\n- \n\n### Description\n\nUpgraded all deps to the latest and bam Nuxt 3.16.0 is added. We get errors now as Nuxt UI 3 still ships with\n\n`'@unhead/vue': 1.11.20(vue@3.5.13(typescript@5.8.2))\n`\n\nAs of Nuxt 3.16.0 ships with @unhead2:\nhttps://nuxt.com/blog/v3-16#unhead-v2\n\nActual error:\n`[@nuxt/scripts 9:42:20 PM] ERROR Nuxt Scripts requires Unhead >= 2, you are using v1.11.20. Please run nuxi upgrade --clean to upgrade...`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3111,3112],{"name":3070,"color":3071},{"name":3058,"color":3059},3513,"Nuxt 3.16.0 - ships with @unhead2","2025-03-10T08:49:36Z","https://github.com/nuxt/ui/issues/3513",0.73621565,{"description":3119,"labels":3120,"number":3125,"owner":3021,"repository":3061,"state":3048,"title":3126,"updated_at":3127,"url":3128,"score":3129},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.10.0\n- Nuxt Version: 3.13.2\n- CLI Version: 3.14.0\n- Nitro Version: 2.9.7\n- Package Manager: pnpm@9.12.1\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n### Version\n\nv2.18.7\n\n### Reproduction\n\n-\n\n### Description\n\nThis outputs two unnecessary `::` at the end. Looks like something is going wrong with the collapsible. Also when I add other fields after the collapsible, it breaks as well.\n\n```markdown\n::field-group\n::field{name=\"fallback_image\" type=\"string\"}\n::collapsible{name=\"options\"}\n\ntest\n\n::\n::\n::\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3121,3122],{"name":3070,"color":3071},{"name":3123,"color":3124},"pro","5BD3CB",2426,"Weird collapsible formatting in field-group","2024-11-19T15:20:24Z","https://github.com/nuxt/ui/issues/2426",0.7362853,{"description":3131,"labels":3132,"number":3136,"owner":3021,"repository":3061,"state":3048,"title":3137,"updated_at":3138,"url":3139,"score":3140},"### Environment\n\n- Operating System: Windows 10 \n- Node Version: v22.10.0 \n- Nuxt Version: 3.16.0 \n- CLI Version: 3.22.5 \n- Nitro Version: 2.11.5 \n- Package Manager: pnpm@9.15.7 \n- Builder: -\n- User Config: compatibilityDate, devtools, modules, css, meta, ssr, runtimeConfig, ui \n- Runtime Modules: @nuxt/ui@3.0.0-beta.3, @nuxt/icon@1.10.3, @nuxt/fonts@0.11.0, @vueuse/nuxt@12.8.2\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nNuxt UI 3.0\n\n### Reproduction\n\n```\n\u003Ctemplate>\n\u003CUInput\n v-model=\"translation\"\n ref=\"translationField\" \n />\n\u003C/template>\n\n\u003Cscript setup>\nconst translationField = ref(null)\n\nfunction nextCard() {\n translationField.value.focus() // throws: 'focus is not a function'\n \n nextTick(() => {\n translationField.value.focus() // same error\n })\n\n // below works ok\n nextTick(() => {\n const input = translationField.value?.$el?.querySelector('input')\n if (input) {\n input.focus()\n }\n })\n}\n\u003C/script>\n```\n\n\n### Description\nStandard Vue method of using template ref (for setting a focus, here) throws: 'focus() is not a function'\nIn the above code snippet I included workaround (credits to Sonnet 3.5)\nTried it dozen of times and checked this place to see if it has not been solved earlier.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3133,3134,3135],{"name":3070,"color":3071},{"name":3058,"color":3059},{"name":3087,"color":3088},3644,"\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.7365351,["Reactive",3142],{},["Set"],["ShallowReactive",3145],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fXzeMoS0S3k9ov18989zXOa-dMtNFN_B2ut6e77o1fbw":-1},"/nuxt/ui/3318"]