\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```",[2969,2970,2971],{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2874,"color":2875},3644,"\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.72202474,{"description":2978,"labels":2979,"number":2984,"owner":2877,"repository":2951,"state":2892,"title":2985,"updated_at":2986,"url":2987,"score":2988},"On sub-pages (paths longer than 1 level) 404 is not triggered\n\nEx:\n\nhttps://nuxt.com/unknown => Triggers 404\nhttps://nuxt.com/modules/unknown => Broken page",[2980,2981],{"name":2868,"color":2949},{"name":2982,"color":2983},"SEO","01403D",1046,"404s handling","2023-06-06T12:14:30Z","https://github.com/nuxt/nuxt.com/issues/1046",0.73082376,["Reactive",2990],{},["Set"],["ShallowReactive",2993],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fRoleGebR-XJFP_hsQXr8sbMSJZ9PSN62Jja3ZKNmK0Y":-1},"/nuxt/ui/2061"]