chore: update frontend configuration

app/components/MachinePrintSelectionNode.vue

@@ -2,10 +2,10 @@
   <div class="rounded-lg border border-base-300 bg-base-100/80 p-3 space-y-3">
     <label class="flex items-start gap-3">
       <input
+        v-model="selection.components[component.id]"
         type="checkbox"
         class="checkbox checkbox-primary mt-1"
-        v-model="selection.components[component.id]"
-      />
+      >
       <div class="flex-1">
         <p class="font-medium">{{ component.name }}</p>
         <p v-if="component.reference" class="text-xs text-base-content/60">
@@ -24,10 +24,10 @@
         class="flex items-start gap-3"
       >
         <input
+          v-model="selection.pieces[piece.id]"
           type="checkbox"
           class="checkbox checkbox-secondary mt-1"
-          v-model="selection.pieces[piece.id]"
-        />
+        >
         <div>
           <p class="font-medium">{{ piece.name }}</p>
           <p class="text-xs text-base-content/60">
@@ -55,7 +55,7 @@ defineOptions({ name: 'MachinePrintSelectionNode' })
 
 const props = defineProps({
   component: { type: Object, required: true },
-  selection: { type: Object, required: true },
+  selection: { type: Object, required: true }
 })
 
 const childComponents = computed(() => props.component.subComponents || [])