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

Component.vue

<template>
  <div>
    <label>User Query:</label>
    <input v-model="query" :disabled="loading" ></input> 
    <button @click="getData({ query })" :busy="loading" />
    <User v-if="data != null || error != null" :data="data" :error="error" />
  </div>
</template>

<script>
import axios from "axios";
import User from "../components/User.vue";
import useFetcher from "../composables/useFetcher";

async function userFetcher(params) {
  const data = await axios.get("/api/user", { params });
  return data;
}

export default {
  components: {
    User,
  },
  data() { 
    return {
      query: "",
    },
  },
  setup() {
    const { data, loading, error, getData } = useFetcher(userFetcher);
    return { data, loading, error, getData };
  },
}
</script>