Working with `useFetch()`, Typescript and JSON-LD

"@id": "a string",
// Some other properties...
"hydra:member": an array of the actual objects I use

const { data: response, error } = await useFetch<{ "hydra:member": Recipe[] }>(
  config.public.apiUrl + "/api/recipes",
  {
    transform: (response) => response["hydra:member"],
    headers: {
      Authorization: `Bearer ${token}`,
      accept: "application/ld+json",
    },
  },
);

<div v-for="recipe in response">{{ recipe.name }}</div>

(response: {
  "hydra:member": Recipe[];
}) => Recipe[]

_Transform<
  { "hydra:member": Recipe[] },
  { "hydra:member": Recipe[] }
>