Utilizing <Suspense>, I am handling multiple requests in my child component using the await keyword:
await store.dispatch("product/getProduct", route.params.id).then(res => productData.value = res);
await store.dispatch("product/getCharacteristics", route.params.id).then(res => characteristicList.value = res);
await store.dispatch("price/getPrices", route.params.id).then(res => delivery.value = res);
These requests are processed sequentially, but I require them to be executed simultaneously
To achieve this, I made a change by replacing await with const request = ...
Now, there is only one await statement:
await Promise.all([request1, request2, request3, request4, request5, request6, request7]);
Is this considered good practice? Or is there a more efficient and elegant method to accomplish this?