\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...",[3114,3115,3116,3119],{"name":3021,"color":3022},{"name":3027,"color":3028},{"name":3117,"color":3118},"pro","5BD3CB",{"name":3049,"color":3050},3559,"`UDashboardSidebar` - `reka-ui` errors on open","2025-03-31T20:55:10Z","https://github.com/nuxt/ui/issues/3559",0.7341748,{"description":3126,"labels":3127,"number":3129,"owner":3036,"repository":3062,"state":3038,"title":3130,"updated_at":3131,"url":3132,"score":3133},"Any clue @danielroe?\n\n",[3128],{"name":3071,"color":3072},958,"Tell html-validtor to ignore module pages","2023-01-04T13:47:34Z","https://github.com/nuxt/nuxt.com/issues/958",0.737158,{"description":3135,"labels":3136,"number":3140,"owner":3036,"repository":3037,"state":3038,"title":3141,"updated_at":3142,"url":3143,"score":3144},"### 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```",[3137,3138,3139],{"name":3021,"color":3022},{"name":3027,"color":3028},{"name":3030,"color":3031},3644,"\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.7383942,["Reactive",3146],{},["Set"],["ShallowReactive",3149],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f9KkDc0Ihs1kzS6Q6xGm4mVb87L8L-57Ts4e8Y30wZ8Q":-1},"/nuxt/ui/2210"]