Function useCachedFetch

app/composables/useCachedFetch.ts:32–70

()

 * ```
 */
export function useCachedFetch(): CachedFetchFunction {
  // On client, return a function that just uses $fetch (no caching, not stale)
  if (import.meta.client) {
    return async <T = unknown>(
      url: string,
      options: Parameters<typeof $fetch>[1] = {},
      _ttl: number = FETCH_CACHE_DEFAULT_TTL,
    ): Promise<CachedFetchResult<T>> => {
      const defaultFetchOptions: Parameters<typeof $fetch>[1] = {
        cache: 'force-cache',
      }
      const data = (await $fetch<T>(url, defu(options, defaultFetchOptions))) as T
      return { data, isStale: false, cachedAt: null }
    }
  }

  // On server, get the cachedFetch from request context
  const event = useRequestEvent()
  const serverCachedFetch = event?.context?.cachedFetch

  // If cachedFetch is available from middleware, return it
  if (serverCachedFetch) {
    return serverCachedFetch as CachedFetchFunction
  }

  // Fallback: return a function that uses regular $fetch
  // (shouldn't happen in normal operation)
  return async <T = unknown>(
    url: string,
    options: Parameters<typeof $fetch>[1] = {},
    _ttl: number = FETCH_CACHE_DEFAULT_TTL,
  ): Promise<CachedFetchResult<T>> => {
    const defaultFetchOptions: Parameters<typeof $fetch>[1] = {
      cache: 'force-cache',
    }
    const data = (await $fetch<T>(url, defu(options, defaultFetchOptions))) as T
    return { data, isStale: false, cachedAt: null }
  }
}