\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```",[3161,3164,3167],{"name":3162,"color":3163},"bug","d73a4a",{"name":3165,"color":3166},"v3","49DCB8",{"name":3168,"color":3169},"triage","ffffff",3644,"\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.72943705,{"description":3176,"labels":3177,"number":3188,"owner":3138,"repository":3138,"state":3153,"title":3189,"updated_at":3190,"url":3191,"score":3192},"@danielroe @boogie-ben Pull Request https://github.com/nuxt/nuxt/pull/28083 introduces a bug. \r\n`Number.parseFloat('auto')` ( valid syntax for `getComputedStyle(elem)` padding/margin ) will amount to **NAN**\r\n\r\n### Reproduction\r\nN/A\r\n\r\n_Originally posted by @misurito in https://github.com/nuxt/nuxt/issues/28083#issuecomment-2248868657_\r\n ",[3178,3181,3182,3185],{"name":3179,"color":3180},"good first issue","fbca04",{"name":3162,"color":3163},{"name":3183,"color":3184},"🔨 p3-minor","FBCA04",{"name":3186,"color":3187},"possible regression","B90A42",28306,"Scroll behavior Bug introduced wit PR 28083","2024-08-07T11:49:25Z","https://github.com/nuxt/nuxt/issues/28306",0.7399941,{"description":3194,"labels":3195,"number":3198,"owner":3138,"repository":3152,"state":3153,"title":3199,"updated_at":3200,"url":3201,"score":3202},"### Environment\n\n- Operating System: Linux\n- Node Version: v23.3.0\n- Nuxt Version: 3.15.1\n- CLI Version: 3.18.2\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.13.2\n- Builder: -\n- User Config: devtools, modules, css, future, compatibilityDate\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.9, @nuxt/eslint@0.7.4\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.15.1\n\n### Reproduction\n\nhttps://github.com/fl5brkv/nuxt-issue\n\n### Description\n\nI installed nuxt ui 3 from the official nuxt ui starter, just wanted to try the calendar, but it doesnt work. Throwing me warnings in console.log.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n[Vue warn]: Failed to resolve component: UCalendar\nIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. \n at \u003CIndex onVnodeUnmounted=fn\u003ConVnodeUnmounted> ref=Ref\u003C undefined > > \n at \u003CAnonymous key=\"/\" vnode= Object route= Object ... > \n at \u003CRouterView name=undefined route=undefined > \n at \u003CNuxtPage > \n at \u003CToastProvider swipe-direction=\"right\" duration=5000 > \n at \u003CToaster key=0 > \n at \u003CTooltipProvider > \n at \u003CConfigProvider use-id=fn\u003Cuse-id> dir=\"ltr\" > \n at \u003CApp > \n at \u003CApp key=4 > \n at \u003CNuxtRoot>\n\nruntime-core.esm-bundler.js?v=b66559bc:50 [Vue warn]: Hydration node mismatch:\n- rendered on server: \u003C!----> \n- expected on client: UCalendar \n at \u003CIndex onVnodeUnmounted=fn\u003ConVnodeUnmounted> ref=Ref\u003C undefined > > \n at \u003CAnonymous key=\"/\" vnode= Object route= Object ... > \n at \u003CRouterView name=undefined route=undefined > \n at \u003CNuxtPage > \n at \u003CToastProvider swipe-direction=\"right\" duration=5000 > \n at \u003CToaster key=0 > \n at \u003CTooltipProvider > \n at \u003CConfigProvider use-id=fn\u003Cuse-id> dir=\"ltr\" > \n at \u003CApp > \n at \u003CApp key=4 > \n at \u003CNuxtRoot>\n```",[3196,3197],{"name":3162,"color":3163},{"name":3165,"color":3166},3044,"\u003CUCalendar /> isn't rendering","2025-01-08T09:24:13Z","https://github.com/nuxt/ui/issues/3044",0.7495213,{"description":3204,"labels":3205,"number":3209,"owner":3138,"repository":3138,"state":3153,"title":3210,"updated_at":3211,"url":3212,"score":3213},"I am not really sure what could cause this, probably `vue-router`?\r\n\r\nI notice this in Chromium browser (in FF looks good). When you navigate links, then when page transitions you will see that there are square/line around element (`h1` in this example) - http://awesome-snails.surge.sh\r\nTransition is not smooth and solid. \r\n\r\nI removed all CSS styles, and the issue remains. What can cause it? Can it be fixed somehow? It's very noticeable when the page is not white.\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/c1820\">#c1820\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3206],{"name":3207,"color":3208},"2.x","d4c5f9",2051,"Glitch around elements when page transition","2023-01-18T15:43:02Z","https://github.com/nuxt/nuxt/issues/2051",0.7507562,{"description":3215,"labels":3216,"number":3220,"owner":3138,"repository":3152,"state":3153,"title":3221,"updated_at":3222,"url":3223,"score":3224},"### Description\n\nBreadcrumb uses Link (and LinkBase) to implement the item rendering and navigation. Link (through LinkBase) in itself supports `onClick` event/prop. Now, passing `onClick` to the breadcrumb item does not go all the way through to the LinkBase, and thus prevents the fine-grained control of the Breadcrumb component.\n\nThe usage would look something like this:\n```\n\u003Ctemplate>\n \u003CUBreadcrumb :items=\"items\" />\n\u003C/template>\n\u003Cscript setup>\nconst items = [\n { label: \"click for one\", onClick: () => alert(\"1\"), to: \"/one\" },\n { label: \"click for two\", onClick: () => alert(\"2\"), to: \"/two\" },\n]\n\u003C/script>\n```\n\nMy need is to have some secondary effects happening besides the navigation when the user clicks on a breadcrumb item.\n\n### Additional context\n\n_No response_",[3217,3218,3219],{"name":3149,"color":3150},{"name":3165,"color":3166},{"name":3168,"color":3169},3631,"Support for `onClick` event on Breadcrumb items","2025-03-24T18:08:16Z","https://github.com/nuxt/ui/issues/3631",0.7530529,{"description":3226,"labels":3227,"number":3231,"owner":3138,"repository":3152,"state":3153,"title":3232,"updated_at":3233,"url":3234,"score":3235},"### Environment\n\nNuxt UI: 3.0.1\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.15.1\n\n### Reproduction\n\n Without RP\n\n### Description\n\nThe menu item itself is correct but the internal menu items in right-to-left languages are incorrect. I solved this problem by adding the following style in the items prop, but this should be resolved in future versions.\n\n`class: 'flex-row-reverse'`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3228,3229,3230],{"name":3162,"color":3163},{"name":3165,"color":3166},{"name":3168,"color":3169},3737,"Items in the DropdownMenu have problems in RTL mode","2025-03-31T21:07:42Z","https://github.com/nuxt/ui/issues/3737",0.75320286,{"description":3237,"labels":3238,"number":3241,"owner":3138,"repository":3242,"state":3153,"title":3243,"updated_at":3244,"url":3245,"score":3246},"\r\nhttps://user-images.githubusercontent.com/904724/163576803-cde48f01-7d00-4ed2-9245-3daa17fe9616.mp4\r\n\r\n",[3239],{"name":3162,"color":3240},"ff281a",345,"nuxt.com","Scroll to top when changing file in editor","2023-02-15T12:32:10Z","https://github.com/nuxt/nuxt.com/issues/345",0.7537391,{"description":3248,"labels":3249,"number":3241,"owner":3138,"repository":3251,"state":3153,"title":3252,"updated_at":3253,"url":3254,"score":3246},"### 🆒 Your use case\n\nI decided to open this as a feature request because according to the docs, it is expected behavior and therefore not a bug.\n\nThere is already a way to configure the ad client of google adsense directly in nuxt.config, but it doesn't seem to pick it up:\n[Vue warn]: Missing required prop: \"dataAdClient\"\n\n### 🆕 The solution you'd like\n\nIt might be a good idea to read the client from the registry configuration, if it is already configurable. Otherwise, it may be worth removing the property from the nuxt.config configuration as it's quite misleading and largely unnecessary.\n\n### 🔍 Alternatives you've considered\n\n_No response_\n\n### ℹ️ Additional info\n\n_No response_",[3250],{"name":3149,"color":3150},"scripts","Use client from nuxt.config when loading google adsense","2025-02-07T06:18:44Z","https://github.com/nuxt/scripts/issues/345",["Reactive",3256],{},["Set"],["ShallowReactive",3259],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fLeoB9O1uwdgo7dIRBXDmK3UGxPVS-CKDHstEaizT79s":-1},"/nuxt/ui/2111"]