useAuthFetch.ts

import { useKeycloakStore } from '@/@core/stores/keycloakStore'

export async function useAuthFetch<T>(url: string, options?: RequestInit): Promise<T> {
  const keycloakStore = useKeycloakStore()

  // Ensure token is valid before making the request
  if (keycloakStore.isTokenExpired) {
    console.log('Token hampir expired, mencoba refresh...')
    await keycloakStore.updateToken()
  }

  const response = await fetch(url, {
    ...options,
    headers: {
      ...(options?.headers || {}),
      'Authorization': `Bearer ${keycloakStore.accessToken}`,
      'Content-Type': 'application/json',
    },
  })

  if (!response.ok)
    throw new Error(`HTTP error! Status: ${response.status}`)

  return response.json() as Promise<T>
}