\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.",[2026],{"name":2027,"color":2028},"question","d876e3",2462,"UInput with type='file', how to validate with Zod?","2025-03-10T01:51:18Z","https://github.com/nuxt/ui/issues/2462",0.7223774,{"description":2035,"labels":2036,"number":2039,"owner":1994,"repository":1995,"state":1996,"title":2040,"updated_at":2041,"url":2042,"score":2043},"### Description\n\nHello. How can i use provide in programmatically modal usage?",[2037,2038],{"name":2027,"color":2028},{"name":1988,"color":1989},2987,"Provide in modal programmatically usage","2024-12-31T05:16:08Z","https://github.com/nuxt/ui/issues/2987",0.7278896,{"description":2045,"labels":2046,"number":2049,"owner":1994,"repository":1995,"state":2050,"title":2051,"updated_at":2052,"url":2053,"score":2054},"### Description\n\nNuxt UI should have the potential to open native links in a Nuxt UI Modal by simply adding a certain `modal` parameter in [NuxtLink](https://nuxt.com/docs/api/components/nuxt-link).\n\n`\u003CNuxtLink to=\"/about\" modal>About page shown in modal but can also be opened natively (e.g. new tab)\u003C/NuxtLink>`\n\nThe link should still be a native link with progressive enhancement, so _if users would like to open the URL in a new tab, they can do_! If not, it will open the content in a modal.\n\nThat would be great DX and UX! 🎉\n\nThe `modal` property is just one possible solution, maybe there's even a better one using a native HTML property like `rel=\"modal\"`, we should discuss that.\n\nIn future versions there might be further control parameters to override the defaults for\n\n- modal size\n- modal style\n- modal opacity\n- ...\n\nBut let's start simple.\n\nSomething similar was done here, but I think this should really be part of Nuxt UI or even Nuxt Core.\nhttps://nuxt-pages-plus.pages.dev/components/plus-modal-link\n\n### Additional context\n\n_No response_",[2047,2048],{"name":1985,"color":1986},{"name":1988,"color":1989},3298,"closed","Enhance NuxtLink to open in Modal using a \"modal\" property","2025-03-08T12:21:53Z","https://github.com/nuxt/ui/issues/3298",0.7068699,{"description":2056,"labels":2057,"number":2060,"owner":1994,"repository":1995,"state":2050,"title":2061,"updated_at":2062,"url":2063,"score":2064},"### Environment\n\n-\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.16.0\n\n### Reproduction\n\n- \n\n### Description\n\nUpgraded all deps to the latest and bam Nuxt 3.16.0 is added. We get errors now as Nuxt UI 3 still ships with\n\n`'@unhead/vue': 1.11.20(vue@3.5.13(typescript@5.8.2))\n`\n\nAs of Nuxt 3.16.0 ships with @unhead2:\nhttps://nuxt.com/blog/v3-16#unhead-v2\n\nActual error:\n`[@nuxt/scripts 9:42:20 PM] ERROR Nuxt Scripts requires Unhead >= 2, you are using v1.11.20. Please run nuxi upgrade --clean to upgrade...`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2058,2059],{"name":2005,"color":2006},{"name":1988,"color":1989},3513,"Nuxt 3.16.0 - ships with @unhead2","2025-03-10T08:49:36Z","https://github.com/nuxt/ui/issues/3513",0.7113057,{"description":2066,"labels":2067,"number":2070,"owner":1994,"repository":1995,"state":2050,"title":2071,"updated_at":2072,"url":2073,"score":2074},"### Description\n\nHow can i format the code with built-in features of the project?\nI use vs code + prettier and get eslint errors (see image), different formatting.\n\n",[2068,2069],{"name":2027,"color":2028},{"name":1988,"color":1989},3249,"Formatting code.","2025-02-06T10:49:16Z","https://github.com/nuxt/ui/issues/3249",0.71483034,{"description":2076,"labels":2077,"number":2081,"owner":1994,"repository":2018,"state":2050,"title":2082,"updated_at":2083,"url":2084,"score":2085},"### 📚 What are you trying to do?\n\nI am trying to add queryParams to gtm loading script, but i don't see any way in documentation to do so.\nIs there any way to add params to script url (gtm_auth, gtm_preview, gtm_cookies_win) ?\n\n### 🔍 What have you tried?\n\n_No response_\n\n### ℹ️ Additional context\n\n_No response_",[2078],{"name":2079,"color":2080},"help wanted","008672",434,"Googel Tag Manager params","2025-03-25T19:33:48Z","https://github.com/nuxt/scripts/issues/434",0.7187843,{"description":2087,"labels":2088,"number":2093,"owner":1994,"repository":1995,"state":2050,"title":2094,"updated_at":2095,"url":2096,"score":2097},"### Description\n\nIs there a way to prevent popovers from closing when clicking outside the popover?",[2089,2090,2092],{"name":2027,"color":2028},{"name":2091,"color":1992},"wontfix-v2",{"name":1988,"color":1989},2245,"Popover close-prevented","2024-11-10T09:20:02Z","https://github.com/nuxt/ui/issues/2245",0.7194091,["Reactive",2099],{},["Set"],["ShallowReactive",2102],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"vPDZvuDdS9jqTlNfV9tbXrAY431gKM9MXt74jpSEvCo":-1},"/nuxt/ui/2636"]