Estoy tratando de cargar varios archivos con laravel y vue 3. Tengo 3 atributos user_files , book_files[]

 <input type="file" class="form-control" name="user_files[]" @change="onFileChange" multiple id="user_files" placeholder="User details" /> </div> const form = reactive({ first_name: "",", hourly_rate: 0, user_files: [], book_files: [] user_name: "", course_date: "", }); const onFileChange = (e) => { for (let i = 0; i < e.target.files.length; i++) { form.user_files.push(e.target.files[i]); } }; const { errors, storeUser } = useUsers(); const saveUser = async () => { await storeUser({ ...form }); }; return { form, saveUser, onFileChange, };

¿Cómo puedo reescribir la función onFileChange para múltiples atributos? Ahora mismo es solo para `user_files.

 const storeUser = async (data, medical_file) => { let formData = new FormData(); (data.user_files ?? []).forEach((file, key) => { formData.append("user_files[]", file); });; errors.value = ""; try { const status = await http.post("/api/users", formData, formData, { headers: { "Content-Type": "multipart/form-data", }, });

También en la función js anterior, necesito agregar el resto de los datos como first_name, user_name y otros también en formData, y recorrer los otros archivos junto con user_files . ¿Cómo debo hacer eso (data.medical_file ?? []).forEach((file, key) => { formData.append("medical_file[]", file); });; en esta función.