\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```",[2076,2077,2078],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":1991,"color":1992},3644,"\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.7235792,{"description":2085,"labels":2086,"number":2089,"owner":1994,"repository":1995,"state":2014,"title":2090,"updated_at":2091,"url":2092,"score":2093},"### For what version of Nuxt UI are you suggesting this?\n\nv3-alpha\n\n### Description\n\nAdd `code` to `defineLocale`, it comes in handy in several components:\n\n* https://www.radix-vue.com/components/number-field.html\n* https://www.radix-vue.com/components/calendar.html\n\nYou need to pass the `locale` property there, you can get it from `defineLocale`\n\n### Additional context\n\n_No response_",[2087,2088],{"name":2043,"color":2044},{"name":1988,"color":1989},2610,"Provide `code` on `defineLocale`","2024-11-12T11:57:53Z","https://github.com/nuxt/ui/issues/2610",0.7346234,{"description":2095,"labels":2096,"number":2100,"owner":1994,"repository":1995,"state":2014,"title":2101,"updated_at":2102,"url":2103,"score":2104},"### Environment\n\nOperating System: Darwin\nNode Version: v20.18.0\nNuxt Version: 3.14.1592\nPackage Manager: pnpm@9.14.4\nBuilder: -\nUser Config: default\nRuntime Modules: @nuxt/ui@3.0.0-alpha.10\nBuild Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.10\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/nifty-ride-lx6qlg\n\n### Description\n\nThe same problem occurs in official documents. https://ui3.nuxt.dev/components/toast\n1. Open the Toast component of the document.\n2. Click the \"Show toast\" button to show toast.\n3. Click X to close the toast when it appears.\n4. Click the \"Show toast\" button again, and the toast that appears does not have a progress bar and does not automatically close.\n\nMy production environment project also has this problem, I hope it can be solved as soon as possible.\nAlso, the progress bar sometimes flashes, so i can expect new configurations to setting the progress bar showing is true or false.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2097,2098,2099],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":1991,"color":1992},3003,"The Toast component loses the progress bar and does not automatically close","2025-03-24T13:48:53Z","https://github.com/nuxt/ui/issues/3003",0.7387829,["Reactive",2106],{},["Set"],["ShallowReactive",2109],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"RoleGebR-XJFP_hsQXr8sbMSJZ9PSN62Jja3ZKNmK0Y":-1},"/nuxt/ui/2061"]