\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```",[3100,3101,3102],{"name":3034,"color":3035},{"name":3090,"color":3091},{"name":3103,"color":3104},"triage","ffffff",3644,"\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.6991751,{"description":3111,"labels":3112,"number":3116,"owner":3023,"repository":3024,"state":3025,"title":3117,"updated_at":3118,"url":3119,"score":3120},"### 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_",[3113,3114,3115],{"name":3020,"color":3021},{"name":3090,"color":3091},{"name":3103,"color":3104},3631,"Support for `onClick` event on Breadcrumb items","2025-03-24T18:08:16Z","https://github.com/nuxt/ui/issues/3631",0.7010887,{"labels":3122,"number":3125,"owner":3023,"repository":3023,"state":3025,"title":3126,"updated_at":3127,"url":3128,"score":3129},[3123,3124],{"name":3051,"color":3052},{"name":3054,"color":3055},7404,"Generated Static /path/:slug Page AsyncData Error","2023-01-22T15:36:01Z","https://github.com/nuxt/nuxt/issues/7404",0.7014522,{"description":3131,"labels":3132,"number":3134,"owner":3023,"repository":3067,"state":3025,"title":3135,"updated_at":3136,"url":3137,"score":3138},"(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",[3133],{"name":3034,"color":3065},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",3140],{},["Set"],["ShallowReactive",3143],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f38X-me_KvriMtgjvSsuzHHkErGoaeGm0PayNy6sXLI4":-1},"/nuxt/test-utils/818"]