type Cake = {
  id: number;
  name: string;
};

export const data = {
  cakes: [] as Cake[],
};

export const onServer = async () => {
  data.cakes = await api<Cake[]>("/api/cakes");
};

export default () => (
  <ul>
    {data.cakes.map((cake) => (
      <li key={cake.id}>{cake.name}</li>
    ))}
  </ul>
);