fix: add cache header for cachedFetch

Author: OrbisK

app/composables/useCachedFetch.ts

@@ -1,4 +1,5 @@
-import type { CachedFetchResult } from '#shared/utils/fetch-cache-config'
+import { type CachedFetchResult, FETCH_CACHE_DEFAULT_TTL } from '#shared/utils/fetch-cache-config'
+import defu from 'defu'
 
 /**
  * Get the cachedFetch function from the current request context.
@@ -30,13 +31,20 @@ import type { CachedFetchResult } from '#shared/utils/fetch-cache-config'
  */
 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,
+      ttl: number = FETCH_CACHE_DEFAULT_TTL,
     ): Promise<CachedFetchResult<T>> => {
-      const data = (await $fetch<T>(url, options)) as T
+      const defaultFetchOptions: Parameters<typeof $fetch>[1] = {
+        headers: {
+          'Cache-Control': `max-age=${ttl}, must-revalidate`,
+        },
+      }
+
+      const data = (await $fetch<T>(url, defu(options, defaultFetchOptions))) as T
       return { data, isStale: false, cachedAt: null }
     }
   }
@@ -55,9 +63,15 @@ export function useCachedFetch(): CachedFetchFunction {
   return async <T = unknown>(
     url: string,
     options: Parameters<typeof $fetch>[1] = {},
-    _ttl?: number,
+    ttl: number = FETCH_CACHE_DEFAULT_TTL,
   ): Promise<CachedFetchResult<T>> => {
-    const data = (await $fetch<T>(url, options)) as T
+    const defaultFetchOptions: Parameters<typeof $fetch>[1] = {
+      headers: {
+        'Cache-Control': `max-age=${ttl}, must-revalidate`,
+      },
+    }
+
+    const data = (await $fetch<T>(url, defu(options, defaultFetchOptions))) as T
     return { data, isStale: false, cachedAt: null }
   }
 }