Tenemos una aplicación de reservas que utiliza Vuejs y Cloud Firestore (versión web de la biblioteca del cliente 9).

Escenario: Dos clientes llegan a nuestro sitio de reservas al mismo tiempo e intentan reservar el último paquete disponible al mismo tiempo. Para guardar la reserva, estamos utilizando transacciones firestore. Sin embargo, si intentamos reservar el último paquete desde dos dispositivos y presionamos el botón de enviar "simultáneamente", el código a continuación permite que se acepten ambos pedidos. Además, el campo "vendido" del paquete solo se incrementa. ¿Hay alguna forma en que podamos mejorar el siguiente código para evitar el exceso de reservas?

 const packageDocRef = doc(db, ...); try { const orderId = await runTransaction(db, async (transaction) => { const packageDoc = await transaction.get(packageDocRef); if (!packageDoc.exists()) { throw "Package does not exist!"; } const quantity = packageDoc.data().quantity; const sold = parseInt(packageDoc.data().sold + 1); if (quantity >= sold) { transaction.update(packageDocRef, { sold: increment(1) }); const orderRef = await addDoc(collection(db, collections.ORDERS), reservation); if(orderRef.id){ dispatch ("saveTravellerDetails", { orderId: orderRef.id }); return orderRef.id; }else{ throw "Error saving reservation!"; } } else { return Promise.reject("Sorry! Not enough spots available."); } }); console.log("Reservation created "); return { orderId: orderId }; } catch (e) { // This will be a "Not enough spots available" error. console.error(e); return { error: e }; }