[useFetch] Headers cannot be a Headers object

[glen-84]

Works:

const {data} = useFetch("/page", {headers: {Accept: "application/json"}}).json();

Doesn't:

const headers = new Headers();
headers.append("Accept", "application/json");

const {data} = useFetch("/page", {headers}).json();

I think it's caused by the spreading here:

vueuse/packages/core/useFetch/index.ts

Lines 195 to 198 in b3d1e2c

	headers: {
	...(fetchOptions.headers || {}),
	...(args[0].headers || {}),
	},

And here:

vueuse/packages/core/useFetch/index.ts

Lines 316 to 319 in b3d1e2c

	headers: {
	...defaultFetchOptions.headers,
	...context.options?.headers,
	},