\n \u003C/UFormField>\n\n \u003CUFormField label=\"Password\" name=\"password\">\n \u003CUInput v-model=\"state.password\" type=\"password\" />\n \u003C/UFormField>\n\n \u003CUButton type=\"submit\"> Submit \u003C/UButton>\n \u003C/UForm>\n \u003C/div>\n\u003C/template>\n```\n\nThis is the composable with the validation logic:\n\n```ts\nimport type { FormDataType } from '@/types'\nimport type { InertiaForm } from '@inertiajs/vue3'\nimport { readonly, ref } from 'vue'\nimport type { FormError } from '~/@nuxt/ui/dist/module'\n\nexport function useValidation() {\n const errors = ref\u003CFormError[]>()\n\n const validate = (obj: unknown) => {\n const form = obj as InertiaForm\u003CFormDataType>\n\n errors.value = []\n\n for (const [key, value] of Object.entries(form.errors)) {\n errors.value.push({\n name: key,\n message: value as string,\n })\n }\n\n return errors.value\n }\n\n return {\n validate,\n errors: readonly(errors),\n }\n}\n```\n\nThe problem is that the validation only works on a second submit.\nIt does submit the form, but the validation errors are not being passed to the validation method.\n\nAny other workarounds? Or anyone already using this with Inertia/Precognition? :)",[3170,3173],{"name":3171,"color":3172},"question","d876e3",{"name":3157,"color":3158},3621,"closed","How to use a form component with Inertiajs (Laravel)?","2025-04-06T13:32:56Z","https://github.com/nuxt/ui/issues/3621",0.76955616,{"description":3181,"labels":3182,"number":3185,"owner":3160,"repository":3186,"state":3175,"title":3187,"updated_at":3188,"url":3189,"score":3190},"\n- [x] Those logos are off-centered\n\n\n\n- [x] [Mobile] On the case studies, you can remove the image on responsive, it makes the text hard to read\n\n\n\n- [x] [Mobile] The contact us section at end of case studies must keep his card aspect by not being full width\n\n\n\n- [ ] [Mobile] You can make the images between sections twice of the actual height in mobile\n\n\n\n- [x] Icon should be 24px instead of 20px + in order to compensate the white space of icon, you should remove 'px-6' and do \"pr-6 pl-4\" for the button\n\n\n- [x] You can remove the negative letter spacing of speakers\n\n\n- [x] [Darkmode] This should be white\n\n",[3183],{"name":3154,"color":3184},"1ad6ff",603,"nuxt.com","[Resources] Case studies improvements V2","2022-06-27T09:38:18Z","https://github.com/nuxt/nuxt.com/issues/603",0.7776482,{"description":3192,"labels":3193,"number":3185,"owner":3160,"repository":3197,"state":3175,"title":3198,"updated_at":3199,"url":3200,"score":3190},"In version 0.11.0 I get type errors is I try to run\r\n```\r\nvi.spyOn(vue, 'watch')\r\n// TypeError: Cannot redefine property: watch\r\n```\r\n\r\nThe same is for `onMounted`\r\n\r\nDo you happen to have any thoughts on what may have changed to make this happen? I think it's a result of `nuxt-vitest`\r\n\r\nIt could possibly be that by updating nuxt-vitest also updated other dependencies resulting in this? If you have any hints, always appreciated as to how to hunt this down.\r\n\r\nI'll look at any other workarounds hacks too, but just in case it this was not an intended effect and it makes something spring to mind as to what could cause it :)\r\n\r\nFailing test:\r\n```\r\nimport { describe, test, vi } from 'vitest'\r\nimport * as vue from 'vue'\r\n\r\ndescribe('Cannot mock vue functions', () => {\r\n test('Spy on watch', () => {\r\n vi.spyOn(vue, 'watch')\r\n })\r\n test('Spy on onMounted', () => {\r\n vi.spyOn(vue, 'onMounted')\r\n })\r\n})\r\n```",[3194],{"name":3195,"color":3196},"vitest-environment","b60205","test-utils","0.11.0 - can no longer spy on vue methods such as watch or onMounted","2023-12-05T16:26:09Z","https://github.com/nuxt/test-utils/issues/603",{"description":3202,"labels":3203,"number":3204,"owner":3160,"repository":3186,"state":3175,"title":3205,"updated_at":3206,"url":3207,"score":3208},"Mobile: Less spacing between companies and Developer Experience section\n\n",[],985,"[Home] - Improve spacing ","2022-12-07T06:16:24Z","https://github.com/nuxt/nuxt.com/issues/985",0.7854856,{"description":3210,"labels":3211,"number":3217,"owner":3160,"repository":3161,"state":3175,"title":3218,"updated_at":3219,"url":3220,"score":3221},"",[3212,3213,3214],{"name":3154,"color":3155},{"name":3157,"color":3158},{"name":3215,"color":3216},"reka-ui","56d799",2256,"[InputMenu/Select/SelectMenu] Missing `arrow` prop implementation","2024-10-31T14:09:32Z","https://github.com/nuxt/ui/issues/2256",0.78767574,{"description":3223,"labels":3224,"number":3226,"owner":3160,"repository":3186,"state":3175,"title":3227,"updated_at":3228,"url":3229,"score":3230},"## Case Studies List \n- [ ] You can remove this \"Contact Us\" section\n\n\n## Case Study\n\n- [ ] Line-height should be 170% in prose \n\n\n- [ ] Border radius must be 12px\n\n\n- [ ] Previous page must be align to the right also padding-Y must be 16px\n\n\n\n",[3225],{"name":3154,"color":3184},519,"[Resources] Case Studies UI improvements","2022-05-20T13:19:12Z","https://github.com/nuxt/nuxt.com/issues/519",0.7944716,{"description":3232,"labels":3233,"number":3226,"owner":3160,"repository":3197,"state":3175,"title":3235,"updated_at":3236,"url":3237,"score":3230},"\r\nI have do as [example](https://nuxt.com/modules/vitest) but fail .Please help me!",[3234],{"name":3195,"color":3196},"TypeError: Cannot read properties of undefined (reading 'vueApp')","2023-12-02T00:37:17Z","https://github.com/nuxt/test-utils/issues/519",{"description":3239,"labels":3240,"number":3248,"owner":3160,"repository":3161,"state":3175,"title":3249,"updated_at":3250,"url":3251,"score":3252},"### Environment\n\nOS Linux\nnode v22.14\n\nnuxt v3.16.1\nnuxt ui v3.0.1\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.16.1\n\n### Reproduction\n\n\nhttps://codesandbox.io/p/devbox/peaceful-newton-7rrnpq?workspaceId=ws_BXPvVpCjQQH8Dp7pSA8M1q\n\n### Description\n\nA tooltip with, as content, an Avatar without src prop did not display the popup.\n\n ```\n\u003CUTooltip arrow text=\"title\">\n \u003CUAvatar text=\"Avatar\" size=\"3xl\" />\n \u003C/UTooltip>\n```\nThe popup with 'title' is never displayed\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3241,3244,3245],{"name":3242,"color":3243},"bug","d73a4a",{"name":3157,"color":3158},{"name":3246,"color":3247},"triage","ffffff",3699,"tooltip with avatar without src do not work","2025-03-28T09:27:27Z","https://github.com/nuxt/ui/issues/3699",0.79468983,{"description":3254,"labels":3255,"number":3259,"owner":3160,"repository":3160,"state":3175,"title":3260,"updated_at":3261,"url":3262,"score":3263},"\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c9022\">#c9022\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3256],{"name":3257,"color":3258},"2.x","d4c5f9",5496,"official website duplicated items","2023-01-18T20:12:55Z","https://github.com/nuxt/nuxt/issues/5496",0.79623085,["Reactive",3265],{},["Set"],["ShallowReactive",3268],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fjPRUE_efl5bLq0eO_2z7gMqFbWR-mP6QucagaJtajsY":-1},"/nuxt/ui/3858"]