fixed checbox not reporting correct value

ui/src/components/trainingReport/trainingReportForm.vue

@@ -48,7 +48,7 @@ function onSubmit(vals) {
         postTrainingReport(clean);
         console.log("SUBMITTED:", clean)
 
-    } catch(err) {
+    } catch (err) {
         console.log("There was an error submitting the training report", err);
     }
 }
@@ -145,7 +145,7 @@ onMounted(async () => {
                             <!-- Passed Checkbox -->
                             <VeeField :name="`attendees[${index}].passed`" v-slot="{ field: f, errors: e }">
                                 <div class="flex items-center h-[38px]">
-                                    <input type="checkbox" class="h-4 w-4" v-bind="f" />
+                                    <input type="checkbox" :checked="f.value" @change="f.onChange($event)" />
                                 </div>
                             </VeeField>