\n \u003C/UFormGroup>\n\n \u003CUButton type=\"submit\">\n Submit\n \u003C/UButton>\n\n\u003C/UForm>\n```\n\n```ts\n\u003Cscript setup lang=\"ts\">\n import { z } from 'zod';\n\n const state = reactive({\n picture: undefined,\n })\n\n const schema = z.object({\n picture: z.custom\u003CFileList>()\n .transform((val) => {\n if (val instanceof File) return val;\n if (val instanceof FileList) return val[0];\n return null;\n })\n .superRefine((file, ctx) => {\n if (!(file instanceof File)) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n fatal: true,\n message: 'Not a file',\n });\n return z.NEVER;\n }\n if (file.size > 5 * 1024 * 1024) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n message: 'Max file size allowed is 5MB',\n });\n }\n if (\n !['image/jpeg', 'image/png', 'image/webp', 'image/jpg'].includes(\n file.type\n )\n ) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n message: 'File must be an image (jpeg, jpg, png, webp)',\n });\n }\n })\n });\n\n type Schema = z.infer\u003Ctypeof schema>;\n\n async function onSubmit (event: FormSubmitEvent\u003CSchema>) {\n console.log(event.data);\n }\n\u003C/script>\n```\n\nAs aspected the following onChange function logs a FileList\n\n```ts\nfunction onChangeFile(event: Event) {\n console.log(event)\n}\n```\n\nBut when I log val in the transform function of Zod\n\n```ts\n.transform((val) => {\n console.log(val);\n if (val instanceof File) return val;\n if (val instanceof FileList) return val[0];\n return null;\n})\n```\n\nI get a string like this:\n\n```\nC:\\fakepath\\Screenshot 2024-10-25 at 10.26.36.png\n```\n\nCan someone please help me out, i'm looking for a few days now for a solution.",[2899],{"name":2866,"color":2867},2462,"ui","UInput with type='file', how to validate with Zod?","2025-03-10T01:51:18Z","https://github.com/nuxt/ui/issues/2462",0.76845795,{"description":2907,"labels":2908,"number":2909,"owner":2869,"repository":2910,"state":2911,"title":2912,"updated_at":2913,"url":2914,"score":2915},"Couldn't help but notice the \"is the next **null** release\". \n\n\n\nFor the version, the bumpType is defaulted to `patch` here:\n\nhttps://github.com/rijkvanzanten/fonts/blob/89bfccd85974f4670eebd307ea850b898209fb55/scripts/update-changelog.ts#L18\n\nbut used \"raw\" here:\n\nhttps://github.com/rijkvanzanten/fonts/blob/89bfccd85974f4670eebd307ea850b898209fb55/scripts/update-changelog.ts#L42\n\nThe `bumpType` isn't used anywhere outside these two, so moving the `|| 'patch'` fallback from line 18 to 16 should do the trick. PR incoming~",[],401,"fonts","closed","Update-changelog script renders `null` as `bumpType` in message","2024-11-24T17:50:36Z","https://github.com/nuxt/fonts/issues/401",0.72419345,{"description":2917,"labels":2918,"number":2922,"owner":2869,"repository":2901,"state":2911,"title":2923,"updated_at":2924,"url":2925,"score":2926},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.20.3\r\n- Nuxt Version: 3.12.4\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: pnpm@8.15.6\r\n- Builder: -\r\n- User Config: modules\r\n- Runtime Modules: @nuxt/ui@2.18.3\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Version\r\n\r\n2.18.1\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/nuxt-ui-snm3l2?file=app.config.ts\r\n\r\n### Description\r\n\r\nIf using {color} in app.config.ts variants (https://ui.nuxt.com/getting-started/theming#smart-safelisting), even with \"primary\", the generated classes are ignored by tailwind. See reproduction (hover classes)\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2919],{"name":2920,"color":2921},"bug","d73a4a",2007,"Issue with using {color} in app.config.ts variants","2025-03-28T17:31:38Z","https://github.com/nuxt/ui/issues/2007",0.75457984,{"description":2928,"labels":2929,"number":2933,"owner":2869,"repository":2934,"state":2911,"title":2935,"updated_at":2936,"url":2937,"score":2938},"From the wireframes:\n\n\nShould link to https://github.com/nuxt/modules",[2930],{"name":2931,"color":2932},"enhancement","1ad6ff",416,"nuxt.com","`/integrations`: Missing \"Contribute on GitHub link\"","2023-02-15T12:32:17Z","https://github.com/nuxt/nuxt.com/issues/416",0.75859976,{"description":2940,"labels":2941,"number":2933,"owner":2869,"repository":2883,"state":2911,"title":2942,"updated_at":2943,"url":2944,"score":2938},"Hi,\r\n\r\nI was trying to integrate @nuxt/test-utils in my Nuxt application in order to test pages.\r\nI already have a bunch of tests written for the components that use @vue/test-utils.\r\n\r\nAfter following the documentation and adding the `@nuxt/test-utils` preset to my jest configuration, all my components tests started failing with the same error:\r\n\r\n```shell\r\n[vue-test-utils]: window is undefined, vue-test-utils needs to be run in a browser environment. \r\n You can run the tests in node using jsdom \r\n See https://vue-test-utils.vuejs.org/guides/#browser-environment for more details.\r\n```\r\n\r\nAny idea how to solve this and be able to use both tools within the same project ?\r\n\r\nThanks!",[],"Conflict between @nuxt/test-utils jest preset and @vue/test-utils","2023-12-02T00:13:09Z","https://github.com/nuxt/test-utils/issues/416",{"description":2946,"labels":2947,"number":2953,"owner":2869,"repository":2901,"state":2911,"title":2954,"updated_at":2955,"url":2956,"score":2957},"### Description\n\nThe Nuxt UI v2 dropdown has the option to open on hover or click. In v3 the only option available is click. \n\n\n\n### Additional context\n\n_No response_",[2948,2950],{"name":2931,"color":2949},"a2eeef",{"name":2951,"color":2952},"v3","49DCB8",3322,"[DropdownMenu] (v3) missing mode prop for hover/click","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3322",0.7589313,{"labels":2959,"number":2966,"owner":2869,"repository":2869,"state":2911,"title":2967,"updated_at":2968,"url":2969,"score":2970},[2960,2963],{"name":2961,"color":2962},"documentation","5319e7",{"name":2964,"color":2965},"3.x","29bc7f",12008,"[docs] Github edit link on nuxt.config documentation page","2023-01-19T16:13:30Z","https://github.com/nuxt/nuxt/issues/12008",0.75939506,["Reactive",2972],{},["Set"],["ShallowReactive",2975],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fEo5yGfC46u0dvh3x080W4QYwdgxhTE3HIATahO0cjCI":-1},"/nuxt/fonts/52"]