Preloading models with media for json?

[torian257x]

hi guys

is there a way one can preload the images when returning a model as json?

I am using media library v7

say I want to do

$mms = Matrixcolor::query()->get();

return $mms;

I want to be able to have each model with say the first image loaded each.

Currently, I do this

class Matrixcolor extends Model implements HasMedia
{
    use InteractsWithMedia;

...
    protected $appends = ['image_color', 'image_catalog'];


    public function getImageColorAttribute(){
        $img = $this->getFirstMedia(Matrixcolor::MATRIXCOLOR_IMAGE);
        if($img){
            return $img->getUrl();
        }
    }

    public function getImageCatalogAttribute(){
        $img = $this->getFirstMedia(Matrixcolor::MATRIXCOLOR_CATALOG_IMAGE);
        if($img){
            return $img->getUrl();
        }
    }
}

result is surprisingly:

  {
    "image_color": null,
    "image_catalog": "http:\/\/localhost\/storage\/5\/blue123.png",
    "media": [
      {
        "id": 5,
        "model_type": "App\\Models\\Matrixcolor",
        "model_id": 1242,
        "uuid": "db051ab3-b3f2-4c9a-97f5-b14f00fd72fb",
        "collection_name": "matrixcolor_catalog_image",
        "name": "blue123",
        "file_name": "blue123.png",
        "mime_type": "image\/png",
        "disk": "public",
        "conversions_disk": "public",
        "size": 1292,
        "manipulations": [],
        "custom_properties": [],
        "responsive_images": [],
        "order_column": 5,
        "created_at": "2020-08-26T02:06:33.000000Z",
        "updated_at": "2020-08-26T02:06:33.000000Z"
      }
    ]
  }

I never added media to it, magically gets added when adding the accessors to append

well, i dont really want it. But well, iterating over it and removing again is a hassle too.

Is there a "good boi's" way?