https://medium.com/@hang.c/build-a-data-fetching-hook-with-vue-composition-api-6b373bbaaf1

useFetcher.js

import { Ref, ref } from "vue";

export function useFetcher(fetcher) {
  const data = ref(null);
  const loading = ref(false);
  const error = ref(null);

  const getData = async (...params) => {
    loading.value = true;
    data.value = null;
    error.value = null;
    try {
      data.value = await fetcher(...params);
    } catch (err) {
      error.value = err;
    }
    loading.value = false;
  };

  return {
    data, loading, error, getData,
  };
}