await vuex dispatch true

// 1. Import the necessary modules
import { mapActions } from 'vuex';

export default {
  methods: {
    // 2. Use the mapActions helper to create a local method called fetchData
    ...mapActions(['fetchData']),

    // 3. Define an async method called fetchDataAsync
    async fetchDataAsync() {
      try {
        // 4. Use the 'await' keyword to wait for the asynchronous vuex action 'fetchData' to complete
        await this.fetchData();

        // 5. The code below this line will only be executed after the 'fetchData' action is completed
        console.log('Data successfully fetched.');
      } catch (error) {
        // 6. Handle any errors that may occur during the execution of the 'fetchData' action
        console.error('Error fetching data:', error.message);
      }
    },
  },
};