\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```",[2073,2074,2075],{"name":1985,"color":1986},{"name":2051,"color":2052},{"name":1988,"color":1989},3644,"\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.72174925,{"description":2082,"labels":2083,"number":2084,"owner":1991,"repository":2002,"state":2003,"title":2085,"updated_at":2086,"url":2087,"score":2088},"After using `pnpm update` to upgrade vue to 3.4.3, the console throws a lot of `Hydration mismatch`. If I am using vue 3.3.13, no `Hydration mismatch` warnings will be thrown.\r\n\r\n\u003Cimg width=\"1402\" alt=\"SCR-20240103-qagg\" src=\"https://github.com/nuxt/nuxt.com/assets/133459587/188ac1c4-e19a-4570-a5d0-4863c92a7bda\">\r\n",[],1467,"About vue@3.4.3 causing hydration mismatch","2024-05-03T00:34:36Z","https://github.com/nuxt/nuxt.com/issues/1467",0.72182864,{"description":2090,"labels":2091,"number":2095,"owner":1991,"repository":1992,"state":2003,"title":2096,"updated_at":2097,"url":2098,"score":2099},"### Description\n\nI’ve been trying to add a custom color to my application, and here’s what I’ve done so far (screenshot attached). While the primary color updates successfully, I’m encountering a type error in my `app.config.ts` file.\n\nDid I miss any steps? Is there anything additional I need to do to resolve this type error?\n\n\n",[2092,2093,2094],{"name":2026,"color":2027},{"name":2048,"color":2049},{"name":2051,"color":2052},2951,"How to Resolve Type Error When Adding a Custom Color?","2024-12-22T15:27:13Z","https://github.com/nuxt/ui/issues/2951",0.7243091,["Reactive",2101],{},["Set"],["ShallowReactive",2104],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"amAa-vdTcOrP3bdZVwXxSl89lEXYN9Jtcp1BUvs8zac":-1},"/nuxt/ui/3340"]