settings.collections  (string[] de ids)
        ↓
storefront.collections.get(id)  (para cada)
        ↓
data.collections  (Collection[])
        ↓
Grid: collection.title, collection.image.url, collection.url

export const schema = defineSection({
  data: ['collections'],
  settings: [
    {
      id: 'collections',
      type: 'collection_list',
      label: 'Coleções',
      max: 8,
    },
  ],
});

export const data = defineSectionData(async ({ storefront, settings }) => {
  const ids = Array.isArray(settings.collections)
    ? settings.collections.filter(Boolean)
    : [];
  if (!ids.length) return { collections: [] };

  const results = await Promise.all(
    ids.map(async (id) => {
      try {
        return await storefront.collections.get(id);
      } catch {
        return null;
      }
    })
  );

  return { collections: results.filter(Boolean) };
});

{collections.map((collection) => (
  <a key={collection.id} href={collection.url} className="collection-grid__card">
    <div
      style={
        collection.image?.url
          ? { backgroundImage: `url(${collection.image.url})` }
          : undefined
      }
    />
    <p>{collection.title}</p>
  </a>
))}