\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```",[3225,3226,3227],{"name":3152,"color":3153},{"name":3215,"color":3216},{"name":3172,"color":3173},3644,"\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.75256157,{"description":3234,"labels":3235,"number":3245,"owner":3158,"repository":3158,"state":3185,"title":3246,"updated_at":3247,"url":3248,"score":3249},"### 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_",[3236,3239,3242],{"name":3237,"color":3238},"documentation","5319e7",{"name":3240,"color":3241},"3.x","29bc7f",{"name":3243,"color":3244},"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":3251,"labels":3252,"number":3157,"owner":3158,"repository":3194,"state":3185,"title":3255,"updated_at":3256,"url":3257,"score":3164},"",[3253],{"name":3152,"color":3254},"ff281a","[footer] fix footer in responsive","2022-12-07T06:20:08Z","https://github.com/nuxt/nuxt.com/issues/989",{"description":3259,"labels":3260,"number":3262,"owner":3158,"repository":3158,"state":3185,"title":3263,"updated_at":3264,"url":3265,"score":3266},"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>",[3261],{"name":3203,"color":3204},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",3268],{},["Set"],["ShallowReactive",3271],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fKJsQA4YM7dsPyEaYkEHlhF2o7Glyy_diYtujFjdITTI":-1},"/nuxt/nuxt.com/1057"]