\n \u003Cspan class=\"flex items-center gap-2 font-semibold text-lg logo\">example\u003C/span>\n \u003C/div>\n \u003C/template>\n \u003CUNavigationMenu\n orientation=\"vertical\"\n :items=\"links\"\n />\n \u003Cdiv class=\"flex-1\" />\n \u003CUNavigationMenu\n orientation=\"vertical\"\n\n :items=\"footerLinks\"\n />\n \u003CUSeparator class=\"sticky bottom-0\" />\n \u003Ctemplate #footer>\n \u003Cspan class=\"text-xs text-neutral-500 tracking-tight\">Version {{ useRuntimeConfig().public.version }}\u003C/span>\n \u003C/template>\n \u003C/UDashboardSidebar>\n```\n\n### Description\n\nHey,\nEvery time sidebar is opened i get the following warns in console:\n\n```\nutils.ts:34 Warning: `DialogContent` requires a `DialogTitle` for the component to be accessible for screen reader users.\n\nIf you want to hide the `DialogTitle`, you can wrap it with our VisuallyHidden component.\n\nFor more information, see https://www.reka-ui.com/docs/components/dialog.html#title\n```\nand \n```\nWarning: Missing `Description` or `aria-describedby=\"undefined\"` for DialogContent.\n```\n\nAlso, do think in general we should avoid Reka UI error messages...",[3245,3246,3247,3250],{"name":3152,"color":3153},{"name":3158,"color":3159},{"name":3248,"color":3249},"pro","5BD3CB",{"name":3180,"color":3181},3559,"`UDashboardSidebar` - `reka-ui` errors on open","2025-03-31T20:55:10Z","https://github.com/nuxt/ui/issues/3559",0.7341748,{"description":3257,"labels":3258,"number":3260,"owner":3167,"repository":3193,"state":3169,"title":3261,"updated_at":3262,"url":3263,"score":3264},"Any clue @danielroe?\n\n",[3259],{"name":3202,"color":3203},958,"Tell html-validtor to ignore module pages","2023-01-04T13:47:34Z","https://github.com/nuxt/nuxt.com/issues/958",0.737158,{"description":3266,"labels":3267,"number":3271,"owner":3167,"repository":3168,"state":3169,"title":3272,"updated_at":3273,"url":3274,"score":3275},"### Environment\n\n- Operating System: Windows 10 \n- Node Version: v22.10.0 \n- Nuxt Version: 3.16.0 \n- CLI Version: 3.22.5 \n- Nitro Version: 2.11.5 \n- Package Manager: pnpm@9.15.7 \n- Builder: -\n- User Config: compatibilityDate, devtools, modules, css, meta, ssr, runtimeConfig, ui \n- Runtime Modules: @nuxt/ui@3.0.0-beta.3, @nuxt/icon@1.10.3, @nuxt/fonts@0.11.0, @vueuse/nuxt@12.8.2\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nNuxt UI 3.0\n\n### Reproduction\n\n```\n\u003Ctemplate>\n\u003CUInput\n v-model=\"translation\"\n ref=\"translationField\" \n />\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```",[3268,3269,3270],{"name":3152,"color":3153},{"name":3158,"color":3159},{"name":3161,"color":3162},3644,"\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.7383942,["Reactive",3277],{},["Set"],["ShallowReactive",3280],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f9KkDc0Ihs1kzS6Q6xGm4mVb87L8L-57Ts4e8Y30wZ8Q":-1},"/nuxt/ui/2210"]