task-template.html

<template>
  <div>
    <div v-if="getUsersTask.isRunning"> Loading ... </div>
    <div v-else-if="getUsersTask.isError"> {{ getUsersTask.last.error }} </div>
    <div v-else v-for="user in getUsersTask.last.value">
      {{ user.name }}
    </div>
  </div>
</template>

task.js

export default defineComponent({
 setup() {
   const getUsersTask = useTask(function * () {
     const response = yield axios('/api/users');
     return response.data.users;
   });
   getUsersTask.perform();
   
   return { getUsersTask };
 }
});