\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.",[2894],{"name":2883,"color":2884},2462,"UInput with type='file', how to validate with Zod?","2025-03-10T01:51:18Z","https://github.com/nuxt/ui/issues/2462",0.70809656,{"description":2901,"labels":2902,"number":2903,"owner":2863,"repository":2886,"state":2865,"title":2904,"updated_at":2905,"url":2906,"score":2907},"Hi, hope you're all doing well!\r\n\r\nI ran into an issue using `@nuxt/ui` which now uses `@nuxt/icon` under the hood (used to work when icon collection names could be specified as nuxt/ui module args even tho i had to add a ts-ignore as it wasn't referenced in the enum type), I am using a custom iconify collection i built which goes by\r\n```json filename=\"package.json\"\r\n\"@iconify-json/as\": \"npm:@my-org-name/my-icon-collection@^0.0.2\",\r\n```\r\nin my package.json which isn't referenced in\r\nhttps://github.com/nuxt/icon/blob/main/src/collection-names.ts\r\nthus making it uncompatible with `@nuxt/icon`.\r\nI think the issue comes from the usage of `collectionNames` there (as it seems we only values are only read if they are part of the underlying array):\r\nhttps://github.com/nuxt/icon/blob/cc14fe49b19fce023ba6f049984317492043c9ab/src/collections.ts#L72-L73\r\nWould it be possible further expand the compatibility to include custom collections? (and eventually check if these are installed print an error on the logger if it isn't the case)\r\n\r\nNOTE: It seems to work when using this configuration (note SSR isn't set to false which is a constraint I have)\r\n```ts filename=\"nuxt.config.ts\"\r\nicon: {\r\n serverBundle: {\r\n collections: [\r\n 'as'\r\n ]\r\n }\r\n}\r\n```\r\nbut it the specific project is using this piece of config\r\n```ts filename=\"nuxt.config.ts\"\r\n[...]\r\nssr: false, // SSR forced to false\r\nicon: {\r\n provider: 'server', // Tried with and without this\r\n serverBundle: {\r\n collections: [\r\n 'as'\r\n ]\r\n }\r\n}\r\n```\r\n\r\nSorry if it is a bit long, I tried my best to keep it pleasant to read though. Thank you in advance! :)\r\n",[],252,"Custom collections aren't recognised","2024-09-10T10:57:04Z","https://github.com/nuxt/icon/issues/252",0.71310264,{"description":2909,"labels":2910,"number":2911,"owner":2863,"repository":2912,"state":2865,"title":2913,"updated_at":2914,"url":2915,"score":2916},"https://github.com/guidepup/guidepup",[],787,"test-utils","screen reader driver","2024-03-17T21:40:20Z","https://github.com/nuxt/test-utils/issues/787",0.7213788,{"description":2918,"labels":2919,"number":2925,"owner":2863,"repository":2864,"state":2865,"title":2926,"updated_at":2927,"url":2928,"score":2929},"### For what version of Nuxt UI are you suggesting this?\n\nv3.0.0-alpha.x\n\n### Description\n\nUTabs documentation could benefit from an example of how to use it to display nested pages. An example use case could be a profile page with tabs for profile information and settings, where navigating through each would lead to a sub-page (profile information being in /profile, and settings being in /profile/settings)\n\n### Additional context\n\n_No response_",[2920,2921,2924],{"name":2857,"color":2858},{"name":2922,"color":2923},"v3","49DCB8",{"name":2860,"color":2861},2872,"[v3 docs]: example for nested pages with UTabs","2024-12-16T09:46:36Z","https://github.com/nuxt/ui/issues/2872",0.7279677,{"description":2931,"labels":2932,"number":2936,"owner":2863,"repository":2874,"state":2937,"title":2938,"updated_at":2939,"url":2940,"score":2941},"(reported on discord) you can see by hard-reloading https://nuxt.com/modules?q=svg, for example.\r\n\r\nprobably similar to https://github.com/nuxt/nuxt.com/issues/1417",[2933],{"name":2934,"color":2935},"bug","ff281a",1455,"closed","query parameters on module page result in hydration mismatch","2025-03-24T22:03:27Z","https://github.com/nuxt/nuxt.com/issues/1455",0.69249153,{"description":2943,"labels":2944,"number":2947,"owner":2863,"repository":2864,"state":2937,"title":2948,"updated_at":2949,"url":2950,"score":2951},"### Environment\r\n\r\n- Operating System: Darwin\r\n- Node Version: v20.15.1\r\n- Nuxt Version: 3.13.2\r\n- CLI Version: 3.13.2\r\n- Nitro Version: 2.9.7\r\n- Package Manager: pnpm@8.15.9\r\n- Builder: -\r\n- User Config: app, colorMode, compatibilityDate, css, devServer, devtools, i18n, modules, openFetch, runtimeConfig, ssr, tailwindcss\r\n- Runtime Modules: @nuxt/ui@2.18.0, @pinia/nuxt@0.5.1, nuxt-icons@3.2.1, @nuxtjs/i18n@8.5.3, nuxt-open-fetch@0.9.1\r\n- Build Modules: -\r\n\r\n### Version\r\n\r\nv.2.18.0\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/nuxt-ui-k1f28x?file=app.config.ts\r\n\r\n### Description\r\n\r\nSince updating the library to version 2.18.0, custom variants defined in the app.config.ts are no longer recognized by TypeScript, resulting in type errors when using these custom variants in the code.\r\n\r\nSteps to reproduce:\r\n\r\n1. Define a custom variant in app.config.ts\r\n2. Observe TypeScript type errors indicating the variant is not recognized when using it to custom another button ( in app.config.ts )\r\n\r\nExpected behavior: Custom variants should be properly recognized and validated by TypeScript, as they were in versions prior to 2.18.0.\r\n\r\nThank you for your help in resolving this issue!\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2945],{"name":2934,"color":2946},"d73a4a",2221,"Custom variants not recognized by TypeScript in app.config.ts after updating to v2.18.0","2024-11-26T13:14:03Z","https://github.com/nuxt/ui/issues/2221",0.70944726,{"description":2953,"labels":2954,"number":2955,"owner":2863,"repository":2874,"state":2937,"title":2956,"updated_at":2957,"url":2958,"score":2959},"Could there be an issue with the website deployment?\n\n",[],1769,"Website documentation is outdated","2025-01-27T10:26:08Z","https://github.com/nuxt/nuxt.com/issues/1769",0.7130606,["Reactive",2961],{},["Set"],["ShallowReactive",2964],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fdQvUgswHTTGdvSqFsyqUFUCdtCMkeXr_gMX4VNiyf3g":-1},"/nuxt/ui/3132"]