\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```",[2947,2948,2951],{"name":2900,"color":2940},{"name":2949,"color":2950},"v3","49DCB8",{"name":2952,"color":2953},"triage","ffffff",3644,"ui","\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.77011794,{"description":2961,"labels":2962,"number":2971,"owner":2868,"repository":2868,"state":2891,"title":2972,"updated_at":2973,"url":2974,"score":2975},"### Environment\n\nStackblitz\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-examples-suakka?file=nuxt.config.ts\n\n### Describe the bug\n\nGo to the /foo page in the reprodution in dev mode and once in build mode.\r\n\r\nThe images from the public folder are different. in the production build it's the image in the base layer. In dev mode it's using the correct overwritten image.\r\n\r\nI would be open to create a PR, if I get some starting help by being pointed in the right direction. :)\r\nThanks for this awesome feature!\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2963,2966,2968],{"name":2964,"color":2965},"3.x","29bc7f",{"name":2879,"color":2967},"E99695",{"name":2969,"color":2970},"layers","006B75",21988,"Layers - public folder different on build","2024-05-23T14:33:21Z","https://github.com/nuxt/nuxt/issues/21988",0.7771041,["Reactive",2977],{},["Set"],["ShallowReactive",2980],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fpr32ZqcyIw2t0gX8YD13oVCkHg5Te3z2Xk56YVTx3Lk":-1},"/nuxt/nuxt.com/445"]