\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```",[3216,3217,3218],{"name":3152,"color":3153},{"name":3172,"color":3173},{"name":3219,"color":3220},"triage","ffffff",3644,"\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.743948,{"description":3227,"labels":3228,"number":3229,"owner":3158,"repository":3187,"state":3188,"title":3230,"updated_at":3231,"url":3232,"score":3233},"# Issue\nInitial browsing to `http://localhost:3000` in **dev mode** will get error page:\n\n\n\n# Dev Environment\n- OS: **Windows 10 x64**\n- Browser: **Microsoft Edge**\n- nodejs: **v20.18.2**\n- pnpm: **9.15.4**\n\n\n\n# Repro\n1. Follow setup instructions of `README.md`\n2. Execute `pnpm dev`\n\n\n\n3. Open browser on `http://localhost:3000/` will come up with server error log and according browser view:\n\n\n\n\n\n# Fix / Analysis\n**Update by 10-Feb-2025:**\nA dependency upgrade to Nuxt 3.15.4 will resolve that issue. It looks that the root cause has been fixed by this [Nuxt PR](https://github.com/nuxt/nuxt/pull/30802).\nPR #1784 resolves this issue.",[],1783,"500 error on landing page route \"/\" in dev mode caused by emojilib","2025-03-21T19:06:05Z","https://github.com/nuxt/nuxt.com/issues/1783",0.757271,{"description":3235,"labels":3236,"number":3239,"owner":3158,"repository":3175,"state":3188,"title":3240,"updated_at":3241,"url":3242,"score":3243},"### Description\n\nhow to run vitest with `nuxt/ui` components?\n\nexample repo: https://github.com/OrbisK/nuxt-ui-vue-starter/tree/test/repoduction\n\n1. `pnpm i`\n2. `pnpm test`\n3. `TypeError: Package import specifier \"#imports\" is not defined in package /var/www/html/node_modules/@nuxt/ui/package.json imported from /var/www/html/node_modules/@nuxt/ui/dist/runtime/plugins/colors.js`\n\n```ts\nimport App from './App.vue'\nimport {mount} from '@vue/test-utils'\nimport ui from '@nuxt/ui/vue-plugin'\n\nit(\"should render button\", ()=>{\n const wrapper = mount(App, {\n global: {\n plugins: [ui]\n }\n })\n})\n```",[3237,3238],{"name":3169,"color":3170},{"name":3172,"color":3173},3814,"nuxt/ui with vitest `Package import specifier \"#imports\" is not defined`","2025-04-07T08:00:21Z","https://github.com/nuxt/ui/issues/3814",0.7578071,{"description":3245,"labels":3246,"number":3248,"owner":3158,"repository":3187,"state":3188,"title":3249,"updated_at":3250,"url":3251,"score":3252},"- [ ] Missing spaces for tablet sizes\n\n- [ ] Responsive lg: fix searchbar \n\n\n\n\n\n\n",[3247],{"name":3152,"color":3197},1054,"[Responsive] Tablet layout","2023-02-15T12:31:05Z","https://github.com/nuxt/nuxt.com/issues/1054",0.7598588,{"description":3254,"labels":3255,"number":3259,"owner":3158,"repository":3158,"state":3188,"title":3260,"updated_at":3261,"url":3262,"score":3263},"When I visit my page on mobile, the \u003Chtml> tag width cannot full screen, see the image:\r\n\r\n\r\n\r\nIt seems html width is always 784px when the mobile screen less than 784px.\r\n(ps: I deleted { name: 'viewport', content: 'width=device-width, initial-scale=1' } in nuxt.config.js file)\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1912\">#c1912\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3256],{"name":3257,"color":3258},"2.x","d4c5f9",2162,"a css problem when running in mobile","2023-01-18T15:43:10Z","https://github.com/nuxt/nuxt/issues/2162",0.76175034,["Reactive",3265],{},["Set"],["ShallowReactive",3268],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fxK03LdVAQwIAdeVFQdVI6tB8Cr6Ipfv8Sc7qhhbBvBc":-1},"/nuxt/ui/933"]