\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.",[2883],{"name":2884,"color":2885},"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.7072185,{"description":2892,"labels":2893,"number":2903,"owner":2862,"repository":2862,"state":2904,"title":2905,"updated_at":2906,"url":2907,"score":2908},"### Environment\n\n- Operating System: `Windows_NT`\r\n- Node Version: `v16.17.0`\r\n- Nuxt Version: `3.2.3`\r\n- Nitro Version: `2.3.1`\r\n- Package Manager: `pnpm@7.19.0`\r\n- Builder: `vite`\r\n- User Config: `experimental`, `app`, `nitro`, `build`, `css`, `modules`, `runtimeConfig`, `typescript`, `vite`, `imports`, `sourcemap`, `postcss`\r\n- Runtime Modules: `@vueuse/nuxt@9.13.0`, `nuxt-windicss@2.6.0`, `@pinia/nuxt@0.4.7`, `@vant/nuxt@1.0.0-beta.0`\r\n- Build Modules: `-`\n\n### Reproduction\n\nError every time `pnpm build` is executed, But I don't know what the problem is, I hope to get your tips, please ~\n\n### Describe the bug\n\nENOENT: no such file or directory\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n[vite:vue] Could not load E:/\\u79C1\\u5355/rvtimes_nuxt3_h5/pages/car/screening/index.vue?macro=true&vue&type=script&setup=true&lang.ts (imported by pages/car/screening/index.vue?macro=true): ENOENT: no such file or directory, open 'E:/\\u79C1\\u5355/rvtimes_nuxt3_h5/pages/car/screening/index.vue'\r\n\r\n ERROR Could not load E:/\\u79C1\\u5355/rvtimes_nuxt3_h5/pages/car/screening/index.vue?macro=true&vue&type=script&setup=true&lang.ts (imported by pages/car/screening/index.vue?macro=true): ENOENT: no such file or directory, open 'E:/\\u79C1\\u5355/rvtimes_nuxt3_h5/pages/car/screening/index.vue'\r\n\r\n at Object.openSync (node:fs:594:3)\r\n at Object.readFileSync (node:fs:462:35)\r\n at getDescriptor (/E:/%E7%A7%81%E5%8D%95/rvtimes_nuxt3_h5/node_modules/.pnpm/@vitejs+plugin-vue@4.0.0_vite@4.1.4+vue@3.2.47/node_modules/@vitejs/plugin-vue/dist/index.mjs:86:10)\r\n at Object.load (/E:/%E7%A7%81%E5%8D%95/rvtimes_nuxt3_h5/node_modules/.pnpm/@vitejs+plugin-vue@4.0.0_vite@4.1.4+vue@3.2.47/node_modules/@vitejs/plugin-vue/dist/index.mjs:2663:28)\r\n at /E:/%E7%A7%81%E5%8D%95/rvtimes_nuxt3_h5/node_modules/.pnpm/rollup@3.19.1/node_modules/rollup/dist/es/shared/node-entry.js:24343:40\r\n at async PluginDriver.hookFirstAndGetPlugin (/E:/%E7%A7%81%E5%8D%95/rvtimes_nuxt3_h5/node_modules/.pnpm/rollup@3.19.1/node_modules/rollup/dist/es/shared/node-entry.js:24243:28)\r\n at async /E:/%E7%A7%81%E5%8D%95/rvtimes_nuxt3_h5/node_modules/.pnpm/rollup@3.19.1/node_modules/rollup/dist/es/shared/node-entry.js:23531:75\r\n at async Queue.work (/E:/%E7%A7%81%E5%8D%95/rvtimes_nuxt3_h5/node_modules/.pnpm/rollup@3.19.1/node_modules/rollup/dist/es/shared/node-entry.js:24453:32)\n```\n",[2894,2897,2900],{"name":2895,"color":2896},"3.x","29bc7f",{"name":2898,"color":2899},"pending triage","E99695",{"name":2901,"color":2902},"needs reproduction","FBCA04",19679,"closed","ENOENT: no such file or directory","2025-01-29T17:13:16Z","https://github.com/nuxt/nuxt/issues/19679",0.69016176,{"description":2910,"labels":2911,"number":2914,"owner":2862,"repository":2863,"state":2904,"title":2915,"updated_at":2916,"url":2917,"score":2918},"### For what version of Nuxt UI are you suggesting this?\n\nv3.0.0-alpha.x\n\n### Description\n\n[CommandPalette](https://ui3.nuxt.dev/components/command-palette) is great but I wish it could display only an input by default and then open the content in a popper when clicking in the input. I think this is currently not possible but a very common use case. \n\nThis is what I would like to archive, screenshots from Shopify:\n\n\n\n\n\n\n\n### Additional context\n\n_No response_",[2912,2913],{"name":2853,"color":2854},{"name":2856,"color":2857},2832,"v3 CommandPalette: Open only content within popper","2024-12-05T13:24:12Z","https://github.com/nuxt/ui/issues/2832",0.69479173,{"description":2920,"labels":2921,"number":2924,"owner":2862,"repository":2862,"state":2904,"title":2925,"updated_at":2926,"url":2927,"score":2928},"### Environment\r\n\r\n- Operating System: `Windows_NT`\r\n- Node Version: `v16.13.1`\r\n- Nuxt Version: `3.0.0`\r\n- Nitro Version: `1.0.0`\r\n- Package Manager: `npm@8.19.2`\r\n- Builder: `vite`\r\n- User Config: `modules`, `build`, `content`, `nitro`, `ssr`, `app`, `buildModules`, `css`, `vite`, `runtimeConfig`\r\n- Runtime Modules: `@nuxtjs/tailwindcss@6.1.3`, `@nuxt/content@2.2.2`\r\n- Build Modules: `@pinia/nuxt@0.4.5`\r\n\r\n### Reproduction\r\n\r\n```\r\nconst fs = require(\"fs\");\r\n\r\n\r\nfs.readFile(\"../content/index.txt\", \"utf8\", (err: any, contents: any) => {\r\n if (err) {\r\n console.log(err);\r\n return;\r\n }\r\n\r\n console.log(contents);\r\n});\r\n\r\n```\r\n\r\n### Describe the bug\r\n\r\nI try to use fs.fileRead, path is correct but still Iam getting error that file doesn't exist..\r\n\r\n`[Error: ENOENT: no such file or directory`\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n```shell\r\n[Error: ENOENT: no such file or directory, open 'C:\\..\\\\ProjectName\\content\\index.txt'] { 15:02:01\r\n errno: -4058,\r\n code: 'ENOENT',\r\n syscall: 'open',\r\n path: 'C:\\\\..\\\\ProjectName\\\\content\\\\index.txt'\r\n}\r\n```\r\n",[2922,2923],{"name":2895,"color":2896},{"name":2898,"color":2899},15767,"fs.readFile - Error: ENOENT: no such file or directory","2023-01-19T18:20:44Z","https://github.com/nuxt/nuxt/issues/15767",0.7018922,{"labels":2930,"number":2933,"owner":2862,"repository":2862,"state":2904,"title":2934,"updated_at":2935,"url":2936,"score":2937},[2931,2932],{"name":2895,"color":2896},{"name":2898,"color":2899},13650,"Problem with paths.mjs at windows","2023-01-19T17:07:43Z","https://github.com/nuxt/nuxt/issues/13650",0.702949,{"description":2939,"labels":2940,"number":2948,"owner":2862,"repository":2863,"state":2904,"title":2949,"updated_at":2950,"url":2951,"score":2952},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.4.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.16.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.15.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.10, nuxt-auth-sanctum@0.5.2, @vueuse/nuxt@11.3.0, nuxt-file-storage@0.2.9\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.10\n\n### Reproduction\n\n```vue\n\u003Cscript setup lang=\"ts\">\n const place = ref({\n day: 1\n })\n\n const days = ref([\n {\n value: 1,\n label: 'Day 1'\n },\n {\n value: 2,\n label: 'Day 2'\n }\n ])\n\u003C/script>\n\n\u003Ctemplate>\n Place:\n \u003Cpre>{{ place }}\u003C/pre>\n \u003CUSelect v-model=\"place.day\" :items=\"days\" class=\"w-32\" />\n\u003C/template>\n```\n\n### Description\n\nhttps://skr.sh/vT9fUh9cK0d\n\nAfter change `1` transforms to `\"1\"` and got error in console.",[2941,2944,2947],{"name":2942,"color":2943},"bug","d73a4a",{"name":2945,"color":2946},"duplicate","cfd3d7",{"name":2856,"color":2857},2886,"USelect converts integer value to string","2025-01-09T14:22:11Z","https://github.com/nuxt/ui/issues/2886",0.70659995,{"description":2954,"labels":2955,"number":2959,"owner":2862,"repository":2863,"state":2904,"title":2960,"updated_at":2961,"url":2962,"score":2963},"### Description\n\nThe [documentation](https://ui.nuxt.com/components/date-picker) uses v-calendar as an example to create a date picker component. However, v-calendar is likely abandoned and will no longer be maintained (see https://github.com/nathanreyes/v-calendar/issues/1503 ) . Latest release was over a year ago.\n\nAlso, it has a dependency on a vulnerable lodash version ( see https://github.com/nathanreyes/v-calendar/issues/1420 ).\n\nWhat other alternatives are you planning on using in your documentation, or are there any other examples using a different library?\n\nThanks.",[2956,2957],{"name":2884,"color":2885},{"name":2958,"color":2860},"wontfix-v2",3239,"DatePicker documentation uses library that's no longer maintained","2025-02-04T20:40:38Z","https://github.com/nuxt/ui/issues/3239",0.70955175,{"description":2965,"labels":2966,"number":2969,"owner":2862,"repository":2862,"state":2904,"title":2970,"updated_at":2971,"url":2972,"score":2973},"### Environment\n\nNuxi 3.0.0-rc.10-27707547.a4fa070 \n\n### Reproduction\n\n1. Install the [Vite Vue Inspector plugin](https://github.com/webfansplz/vite-plugin-vue-inspector)\r\n2. npm run dev\n\n### Describe the bug\n\nThe following error message shows up:\r\n\r\n[vite] Internal server error: ENOENT: no such file or directory, open 'C:\\ . . . \\node_modules\\vite-plugin-vue-inspector\\src\\load.js?v=707afc2d'\r\n\r\nHowever, clicking on the link in VSCode does open the file so the file under the specified path exists.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2967,2968],{"name":2895,"color":2896},{"name":2898,"color":2899},14829,"Error saying \"no such file or directory\" from nuxt.config.ts when file exists","2023-01-19T17:41:00Z","https://github.com/nuxt/nuxt/issues/14829",0.71036357,["Reactive",2975],{},["Set"],["ShallowReactive",2978],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$ffPRinqKhA80xy7hHy7QmKTVqydQmwuJ22IwMbxWYp2U":-1},"/nuxt/scripts/15"]