[Vuejs]-Do you use getters or make http get to retrieve data on mounted? Vue 3 and Vuex

Try to wait for response :

async mounted() { 
  await this.allDataCompetitorData()
}

then in template use getter:

<ul> 
  <li v-for="data in competitor" :key="data">
    {{ data.name }}
  </li>
</ul>