can i use promise.all conditional in vue js

<template>
  <div>
    <!-- Your component template here -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      // Your data properties here
    };
  },
  methods: {
    async fetchData() {
      try {
        // Array of promises
        const promises = [
          // Promise 1
          this.fetchData1(),
          // Promise 2
          this.fetchData2(),
          // Add more promises as needed
        ];

        // Use Promise.all to wait for all promises to resolve
        const results = await Promise.all(promises);

        // Process results as needed
        const result1 = results[0];
        const result2 = results[1];
        // Process additional results as needed

        // Continue with your logic using the resolved data
      } catch (error) {
        // Handle errors
        console.error("Error fetching data:", error);
      }
    },
    async fetchData1() {
      // Implement logic to fetch data for Promise 1
      // Return a promise
    },
    async fetchData2() {
      // Implement logic to fetch data for Promise 2
      // Return a promise
    },
    // Add more fetchData methods for additional promises as needed
  },
  mounted() {
    // Call the fetchData method when the component is mounted
    this.fetchData();
  },
};
</script>

<style>
/ Your component styles here /
</style>