how can i put react element like icons/images in a collection

[ymolists]

Hi.

Thank you first for doing this amazing tool. it is making web and markdown super easy to grok for a non front end person !

I am hoping you folks have done this already. I am super new to velite and web development. As such you are probably going to find this a newby question.

I need a way to declaratively specify icons and images as fields in a collection. My assumption is that i would need some form of post processing to return the actual image in the collection. I noticed in the posts.json velite already does this for the cover image. would it be possible to do the same for any field in a collection ? what or how would you recommend doing it?

Any details and sample code would be greatly appreciated. in fact my hope is that this turns into a receipe !

    "cover": {
      "src": "/static/bg-01-9413f3.webp",
      "height": 1728,
      "width": 3072,
      "blurDataURL": "data:image/webp;base64,<mydata>",
      "blurWidth": 8,
      "blurHeight": 5
    },
    

Best Regards

[zce]

#98