[nuxt-client] Access response header

[lelmarir]

Description

Hi,

how can I access the headers of a response using nuxt-client?

Using composable "$fetch" I get directly my dto

		const myResult /*MyDto*/ = await getDocument({
			composable: "$fetch",
			path: { id: doc.id }
		})

Using "useAsyncData" the response is not exposed

		const { data /*MyDto*/, error, status, clear, execute, refresh } = await getDocument({
			composable: "useAsyncData",
			key: "test",
			path: { id: doc.id }
		})

[mrlubos]

@lelmarir how would you do this without the codegen layer? (using Nuxt directly)

[lelmarir]

Something like this, I suppose

		const endpoint = `/api/documents/${doc.id}`;
		const res = await fetch(endpoint);
		if (!res.ok) {
			const text = await res.text();
			throw new Error(text || `HTTP ${res.status}`);
		}

		const contentDisp = res.headers.get('content-disposition') || '';

[lelmarir]

Meanwhile, I've found a dirty trick; It's not great, but it works

	let filename = null;
	getDocument({
			composable: "$fetch",
			path: { id: doc.id },
			onResponse: response => {
				const contentDisposition = response.response.headers.get('Content-Disposition');
				if (contentDisposition) {
					const filenameMatch = contentDisposition.match(/filename="(.+)"/);
					if (filenameMatch && filenameMatch.length > 1) {
						filename = filenameMatch[1];
					}
				}
			}
		})