\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```",[3211,3212,3213],{"name":3138,"color":3139},{"name":3201,"color":3202},{"name":3158,"color":3159},3644,"\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.75256157,{"description":3220,"labels":3221,"number":3231,"owner":3144,"repository":3144,"state":3171,"title":3232,"updated_at":3233,"url":3234,"score":3235},"### Environment\n\n-\n\n### Reproduction\n\nhttps://nuxt.com/modules/tailwindcss\r\nhttps://nuxt.com/modules/nuxt-viewport\n\n### Describe the bug\n\nUsing the light theme we get code highlighting bug\r\n\u003Cimg width=\"1048\" alt=\"image\" src=\"https://user-images.githubusercontent.com/24970784/202643486-d93875f9-5281-4b09-9ac0-f9c964502058.png\">\r\n\u003Cimg width=\"1046\" alt=\"image\" src=\"https://user-images.githubusercontent.com/24970784/202643580-8d1c222f-3c4c-456a-b00a-a9746e1bd92e.png\">\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3222,3225,3228],{"name":3223,"color":3224},"documentation","5319e7",{"name":3226,"color":3227},"3.x","29bc7f",{"name":3229,"color":3230},"pending triage","E99695",15531,"docs: markdown in modules with light theme are broken","2023-01-19T17:53:18Z","https://github.com/nuxt/nuxt/issues/15531",0.75873154,{"description":3237,"labels":3238,"number":3143,"owner":3144,"repository":3180,"state":3171,"title":3241,"updated_at":3242,"url":3243,"score":3150},"",[3239],{"name":3138,"color":3240},"ff281a","[footer] fix footer in responsive","2022-12-07T06:20:08Z","https://github.com/nuxt/nuxt.com/issues/989",{"description":3245,"labels":3246,"number":3248,"owner":3144,"repository":3144,"state":3171,"title":3249,"updated_at":3250,"url":3251,"score":3252},"I was build a pc website using nuxt. I set 1200px to the main-ctn, it work fine on pc browser. \r\nBut when preview on mobile , it seems not good, the html tag was just 784px, I didn't set any width for html tag.\r\n\r\n Is anyone know how to solve this. \r\nhere is the image:\r\n\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1942\">#c1942\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3247],{"name":3189,"color":3190},2203,"Why the html tag width cannot full screen when preview on mobile","2023-01-18T15:54:59Z","https://github.com/nuxt/nuxt/issues/2203",0.7623021,["Reactive",3254],{},["Set"],["ShallowReactive",3257],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fKJsQA4YM7dsPyEaYkEHlhF2o7Glyy_diYtujFjdITTI":-1},"/nuxt/nuxt.com/1057"]