import type { UseFetchOptions } from 'nuxt/app'

const config = useRuntimeConfig()

const useCustomFetch = async <T>(
	path: string,
	options: UseFetchOptions<T> = {}
) => {
	let headers: any = {}
	const token = useCookie('XSRF-TOKEN')

	if (token.value) {
		headers['X-XSRF-TOKEN'] = token.value as string
	}

	return useFetch(config.public.laravelApi + path, {
		credentials: 'include',
		watch: false,
		...options,
		headers: {
			...headers,
			...options?.headers,
		},
	})
}

export { useCustomFetch }