\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```",[3226,3227,3228],{"name":3160,"color":3161},{"name":3216,"color":3217},{"name":3229,"color":3230},"triage","ffffff",3644,"\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.6991751,{"description":3237,"labels":3238,"number":3242,"owner":3149,"repository":3150,"state":3151,"title":3243,"updated_at":3244,"url":3245,"score":3246},"### Description\n\nBreadcrumb uses Link (and LinkBase) to implement the item rendering and navigation. Link (through LinkBase) in itself supports `onClick` event/prop. Now, passing `onClick` to the breadcrumb item does not go all the way through to the LinkBase, and thus prevents the fine-grained control of the Breadcrumb component.\n\nThe usage would look something like this:\n```\n\u003Ctemplate>\n \u003CUBreadcrumb :items=\"items\" />\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_",[3239,3240,3241],{"name":3146,"color":3147},{"name":3216,"color":3217},{"name":3229,"color":3230},3631,"Support for `onClick` event on Breadcrumb items","2025-03-24T18:08:16Z","https://github.com/nuxt/ui/issues/3631",0.7010887,{"labels":3248,"number":3251,"owner":3149,"repository":3149,"state":3151,"title":3252,"updated_at":3253,"url":3254,"score":3255},[3249,3250],{"name":3177,"color":3178},{"name":3180,"color":3181},7404,"Generated Static /path/:slug Page AsyncData Error","2023-01-22T15:36:01Z","https://github.com/nuxt/nuxt/issues/7404",0.7014522,{"description":3257,"labels":3258,"number":3260,"owner":3149,"repository":3193,"state":3151,"title":3261,"updated_at":3262,"url":3263,"score":3264},"(reported on discord) you can see by hard-reloading https://nuxt.com/modules?q=svg, for example.\r\n\r\nprobably similar to https://github.com/nuxt/nuxt.com/issues/1417",[3259],{"name":3160,"color":3191},1455,"query parameters on module page result in hydration mismatch","2025-03-24T22:03:27Z","https://github.com/nuxt/nuxt.com/issues/1455",0.70679,["Reactive",3266],{},["Set"],["ShallowReactive",3269],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f38X-me_KvriMtgjvSsuzHHkErGoaeGm0PayNy6sXLI4":-1},"/nuxt/test-utils/818"]