chore: added posting update to API on select blur

src/components/VehiclesManager/VehiclesTable.vue

@@ -39,8 +39,7 @@
           <td class="editable" @click="selectRowVehicleGroup(row)">
             <select
               v-if="currentEditingGroupId == row.vehicleRef.id"
-              @blur="currentEditingGroupId = -1"
-              @change="(e) => editVehicleGroup(e, row)"
+              @blur="(e) => editVehicleGroup(e, row)"
               :id="`select-group-${row.vehicleRef.id}`"
               ref="select-group"
               style="width: 100%"
@@ -176,6 +175,8 @@ async function selectRowVehicleGroup(row: IVehicleTableRow) {
 async function editVehicleGroup(e: Event, row: IVehicleTableRow) {
   const id = (e.target as HTMLSelectElement).value;
 
+
+  if (row.vehicleRef.group.id !== +id) {
     const updatedData = await vehiclesStore.updateVehicle(row.vehicleRef.id, 'vehicleGroupId', +id);
 
     if (updatedData) {
@@ -185,6 +186,9 @@ async function editVehicleGroup(e: Event, row: IVehicleTableRow) {
     }
   }
 
+  currentEditingGroupId.value = -1;
+}
+
 async function addVehicleRow() {
   const createdVehicleData = await vehiclesStore.createVehicle({
     name: 'Vehicle-' + Date.now(),