feat: extend useFetch: add manual trigger option, add data to the return value.

Author: caikan

src/runtime/composables/fetch.ts

@@ -1,4 +1,5 @@
 import {
+  ref,
   isRef,
   onBeforeMount,
   onServerPrefetch,
@@ -49,7 +50,11 @@ function createGetCounter(counterObject: Record<string, any>, defaultKey = '') {
 }
 
 interface Fetch {
-  (context: ComponentInstance): void | Promise<void>
+  (context: ComponentInstance): any | Promise<any>
+}
+interface UseFetchOptions {
+  expose?: string,
+  manual?: boolean,
 }
 
 const fetches = new WeakMap<ComponentInstance, Fetch[]>()
@@ -267,11 +272,27 @@ function getKey(vm: AugmentedComponentInstance) {
   })
   ```
  */
-export const useFetch = (callback: Fetch) => {
+export const useFetch = (callback: Fetch, options: UseFetchOptions) => {
   const vm = getCurrentInstance() as AugmentedComponentInstance | undefined
   if (!vm) throw new Error('This must be called within a setup function.')
 
-  registerCallback(vm, callback)
+  const resultData = ref()
+  let callbackProxy: Fetch = async function (this: any, ...args) {
+    const result = await callback.apply(this, args)
+    resultData.value = result
+    return result
+  }
+  if (options.manual) {
+    let callbackManually:Fetch = () => {
+      callbackManually = callbackProxy
+    }
+    registerCallback(vm, callbackManually)
+  } else {
+    registerCallback(vm, callbackProxy)
+  }
+  if (options.expose) {
+    vm[options.expose] = resultData
+  }
 
   if (typeof vm.$options.fetchOnServer === 'function') {
     vm._fetchOnServer = vm.$options.fetchOnServer.call(vm) !== false
@@ -293,6 +314,7 @@ export const useFetch = (callback: Fetch) => {
       fetchState: vm!.$fetchState,
       $fetch: vm!.$fetch,
       $fetchState: vm!.$fetchState,
+      data: resultData,
     }
   }