\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```",[2925,2926,2929],{"name":2879,"color":2880},{"name":2927,"color":2928},"v3","49DCB8",{"name":2882,"color":2883},3644,"\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.68402785,{"description":2936,"labels":2937,"number":2940,"owner":2868,"repository":2885,"state":2917,"title":2941,"updated_at":2942,"url":2943,"score":2944},"### Environment\n\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v18.20.5\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.8.2\n- Builder: -\n- User Config: default\n- Runtime Modules: nuxt-vuefire@1.0.4, @nuxt/ui@3.0.0-alpha.9\n- Build Modules: -\n------------------------------\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n^3.0.0-alpha.9\n\n### Reproduction\n\nhttps://ui3.nuxt.dev/components/modal#programmatic-usage\n\n### Description\n\nModal opened using `useModal` are not reseting its state after close\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2938,2939],{"name":2879,"color":2880},{"name":2927,"color":2928},2777,"[v3][UModal] Modal programatically opened using `useModal` are not reseting its state after close","2025-02-27T16:32:50Z","https://github.com/nuxt/ui/issues/2777",0.6855705,{"description":2946,"labels":2947,"number":2948,"owner":2868,"repository":2949,"state":2917,"title":2950,"updated_at":2951,"url":2952,"score":2953},"",[],1031,"nuxt.com","Move nuxtjs.org to v2.nuxt.com","2023-01-09T16:01:37Z","https://github.com/nuxt/nuxt.com/issues/1031",0.6902198,{"description":2955,"labels":2956,"number":2960,"owner":2868,"repository":2885,"state":2917,"title":2961,"updated_at":2962,"url":2963,"score":2964},"### For what version of Nuxt UI are you asking this question?\n\nv2.x\n\n### Description\n\nThank you in advance for your help!\n\nWe’re using Nuxt UI Pro for styling in our application, which primarily uses a language other than English. When working with the `SelectMenu` component and enabling the `multiple` prop, the displayed value shows \"1 selected\" (or similar text like \"{x-number} selected\"). Instead, we’d like to display the actual selected value(s) of the SelectMenu, like when NOT using the `multiple` prop, if just one item is selected. And any more than that, we need to display the \"{x-number} selected\" it in our language, not English.\n\nDo I need to create a custom wrapper component for this, or is there a simpler way to customize the displayed text? I’m not that deep on frontend development and manipulating package classes in Nuxt 3, so I’d appreciate guidance on how to approach this issue.\n\nI’ve reviewed the source code here: https://github.com/nuxt/ui/blob/dev/src/runtime/components/forms/SelectMenu.vue but couldn’t figure out how to achieve this.\n\nI see the code where the const for the label is generated, but whats the best approach to change that for us?\n\n```\n const label = computed(() => {\n if (!props.modelValue) return null\n\n if (Array.isArray(props.modelValue) && props.modelValue.length) {\n return `${props.modelValue.length} selected`\n } else if (['string', 'number'].includes(typeof props.modelValue)) {\n return props.valueAttribute ? accessor(selected.value, props.optionAttribute) : props.modelValue\n }\n\n return accessor(props.modelValue as Record\u003Cstring, any>, props.optionAttribute)\n })\n```\n\nAny advice or direction would be greatly appreciated!",[2957],{"name":2958,"color":2959},"question","d876e3",2867,"How can I change the \u003CUSelectMenu> to display the value of a selected item, instead of \"1 selected\" when adding the multiple prop","2024-12-09T11:50:53Z","https://github.com/nuxt/ui/issues/2867",0.6977541,{"description":2966,"labels":2967,"number":2973,"owner":2868,"repository":2868,"state":2917,"title":2974,"updated_at":2975,"url":2976,"score":2977},"### 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_",[2968,2971,2972],{"name":2969,"color":2970},"documentation","5319e7",{"name":2911,"color":2912},{"name":2914,"color":2915},15531,"docs: markdown in modules with light theme are broken","2023-01-19T17:53:18Z","https://github.com/nuxt/nuxt/issues/15531",0.70006365,{"labels":2979,"number":2988,"owner":2868,"repository":2868,"state":2917,"title":2989,"updated_at":2990,"url":2991,"score":2992},[2980,2981,2982,2985],{"name":2911,"color":2912},{"name":2914,"color":2915},{"name":2983,"color":2984},"upstream","E8A36D",{"name":2986,"color":2987},"windows","C681FD",14627,"Some styles are missing after css is compiled, and it is normal for development.","2023-01-19T17:38:02Z","https://github.com/nuxt/nuxt/issues/14627",0.70755035,["Reactive",2994],{},["Set"],["ShallowReactive",2997],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f8xHiuzkabbl9tNhsFaXz9zqDM0Ofta9I4WZCyTGXo8A":-1},"/nuxt/ui/3077"]