even without any other code.\n\n### Version\n\nv3.0.0-alpha.5\n\n### Reproduction\n\n`\u003Ctemplate>\n \u003CUContainer>\n \u003CUForm :schema=\"schema\" :state=\"state\" class=\"space-y-4\" @submit=\"onSubmit\">\n \u003CUFormField label=\"Code\" name=\"Code\"\n >\u003CUInput v-model=\"state.code\" />\n \u003C/UFormField>\n \u003C/UForm>\n \u003C/UContainer>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nimport { z } from 'zod';\nimport type { FormSubmitEvent } from '#ui/types';\n\nconst supabase = useSupabaseClient();\nconst toast = useToast();\n\n//Form\nconst schema = z.object({\n code: z.string().min(3),\n});\n\ntype Schema = z.output\u003Ctypeof schema>;\n\nconst state = reactive\u003CPartial\u003CSchema>>({\n code: undefined,\n});\n\nasync function onSubmit(event: FormSubmitEvent\u003CSchema>) {\n toast.add({\n title: 'Success',\n description: 'The form has been submitted.',\n color: 'success',\n });\n console.log(event.data);\n}\n\u003C/script>\n`\n\n### Description\n\nUInput causes an error\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3124,3125],{"name":3097,"color":3098},{"name":3100,"color":3101},2349,"UInput causes error","2024-10-10T14:15:25Z","https://github.com/nuxt/ui/issues/2349",0.6359857,{"labels":3132,"number":3142,"owner":3078,"repository":3078,"state":3104,"title":3143,"updated_at":3144,"url":3145,"score":3146},[3133,3136,3139],{"name":3134,"color":3135},"enhancement","8DEF37",{"name":3137,"color":3138},"3.x","29bc7f",{"name":3140,"color":3141},"vite","3574D1",11850,"postcss config support for vite","2023-01-19T15:48:21Z","https://github.com/nuxt/nuxt/issues/11850",0.6624668,{"description":3148,"labels":3149,"number":3150,"owner":3078,"repository":3151,"state":3104,"title":3152,"updated_at":3153,"url":3154,"score":3155},"",[],1031,"nuxt.com","Move nuxtjs.org to v2.nuxt.com","2023-01-09T16:01:37Z","https://github.com/nuxt/nuxt.com/issues/1031",0.66784436,{"description":3157,"labels":3158,"number":3161,"owner":3078,"repository":3103,"state":3104,"title":3162,"updated_at":3163,"url":3164,"score":3165},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.15.1\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.7.0\n- Builder: -\n- User Config: compatibilityDate, devtools, colorMode, css, modules, supabase, app\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.12, @nuxtjs/supabase@1.4.6, @nuxt/image@1.9.0, @pinia/nuxt@0.10.1, pinia-plugin-persistedstate/nuxt@4.2.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.13\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/s7wlqy\n\n### Description\n\nThe UAlert component prop \"orientation\" does not work when set to horizontal. It stays in the default vertical mode in both my local env and the sandbox.\n\n### Additional context\n\n\n\nhttps://ui3.nuxt.dev/components/alert#orientation\n\n### Logs\n\n```shell-script\n\n```",[3159,3160],{"name":3097,"color":3098},{"name":3100,"color":3101},3370,"UAlert component orientation prop not working","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3370",0.6684555,{"description":3167,"labels":3168,"number":3174,"owner":3078,"repository":3175,"state":3104,"title":3176,"updated_at":3177,"url":3178,"score":3179},"I've explored other font providers, looks like `fontsource` is also quite promising.\r\n\r\nCurrently most of its fonts are from Google Fonts, along with some icons and some other fonts. It's also the service that Cloudflare Fonts is fetching from.\r\n\r\n@danielroe Would you like to include this font provider? If so, I'd like to work on it.\r\n\r\nDocs: https://fontsource.org/docs",[3169,3171],{"name":3134,"color":3170},"a2eeef",{"name":3172,"color":3173},"provider","1161A4",65,"fonts","feat: fontsource provider","2024-03-20T13:12:12Z","https://github.com/nuxt/fonts/issues/65",0.67040676,{"description":3181,"labels":3182,"number":3188,"owner":3078,"repository":3103,"state":3104,"title":3189,"updated_at":3190,"url":3191,"score":3192},"### 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```",[3183,3184,3185],{"name":3097,"color":3098},{"name":3100,"color":3101},{"name":3186,"color":3187},"triage","ffffff",3644,"\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.6730282,["Reactive",3194],{},["Set"],["ShallowReactive",3197],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fzpOphOrTzb99-pH_OpyaUDFqkUPEJKu-cyxn5yoH6HM":-1},"/nuxt/ui/2867"]