feat: useRoadizFetch() overrides the Nuxt useFetch() composable

composables/use-roadiz-fetch.ts

@@ -1,7 +1,28 @@
-import type { AsyncDataOptions } from '#app'
+import type { AvailableRouterMethod, NitroFetchRequest } from 'nitropack'
+import { FetchError } from 'ofetch'
+import type { Ref } from 'vue'
+import type { KeysOf, PickFrom } from 'nuxt/dist/app/composables/asyncData'
+import type { AsyncData, FetchResult, UseFetchOptions } from 'nuxt/app'
 
-export function useRoadizFetch<T>(url?: string | AsyncDataOptions<T>, options?: AsyncDataOptions<T>) {
-    const fetch = useRoadizFetchFactory()
-
-    return useAsyncData<T>(() => fetch(url), options)
+export function useRoadizFetch<
+    ResT = void,
+    ErrorT = FetchError,
+    ReqT extends NitroFetchRequest = NitroFetchRequest,
+    Method extends AvailableRouterMethod<ReqT> = ResT extends void
+        ? 'get' extends AvailableRouterMethod<ReqT>
+            ? 'get'
+            : AvailableRouterMethod<ReqT>
+        : AvailableRouterMethod<ReqT>,
+    _ResT = ResT extends void ? FetchResult<ReqT, Method> : ResT,
+    DataT = _ResT,
+    PickKeys extends KeysOf<DataT> = KeysOf<DataT>,
+    DefaultT = DataT,
+>(
+    request: Ref<ReqT> | ReqT | (() => ReqT),
+    opts?: UseFetchOptions<_ResT, DataT, PickKeys, DefaultT, ReqT, Method>,
+): AsyncData<PickFrom<DataT, PickKeys> | DefaultT, ErrorT | null> {
+    return useFetch<ResT, ErrorT, ReqT, Method, _ResT, DataT, PickKeys, DefaultT>(request, {
+        ...opts,
+        $fetch: opts?.$fetch || useRoadizFetchFactory(),
+    })
 }

playground/pages/index.vue

@@ -1,4 +1,8 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+// const response = await useRoadizFetch('/common_content')
+//
+// console.log('response.data', response.data.value)
+</script>
 
 <template>
     <div>