Am I using syncFromMediaLibraryRequest wrong?

[morris14]

spatie/laravel-medialibrary: 9.7.3
spatie/laravel-medialibrary-pro: 1.17.0

Hi all, I'm using Media Library in a Laravel/Inertia/Vue application that allows users to upload a model, and attach images to it using this library. On creating the model and associating the media, I use the MediaLibraryCollection vue2 component from media-library-pro-vue2-collection to allow the user to upload and change files, then use addFromMediaLibraryRequest in the controller to associate the media and all works great and as expected.

To update the model and it's associated media, I use the MediaLibraryCollection vue2 component from media-library-pro-vue2-collection much like above, but I use syncFromMediaLibraryRequest in the controller. All works fine if the user doesn't touch the media files, but if they remove 1, syncFromMediaLibraryRequest seems to delete all media items, and doesn't remove them at all. So I'm left with no media what so ever. Anything I'm doing wrong here? Here is my setup for updating the model/associated media:

<media-library-collection
    name="images"
    route-prefix="media-uploads"
    :validation-rules="{
        maxSizeInKB: 10485,
    }"
    :validation-errors="errors"
    @change="onMediaChange"
    @is-ready-to-submit-change="
        isReadyToSubmit = $event
    "
    :beforeUpload="beforeUpload"
/>

onMediaChange just maps the media to the vuejs state, which gets sent to the server:

onMediaChange(media) {
    this.form.images = media;
},

Then in the controller:

public function update(ClassifiedRequest $request, Classified $classified)
{
    if ($classified->user->id !== auth()->id()) {
        abort(403);
    }

    $classified->update([
        'user_id' => auth()->id(),
        'title' => $request->title,
        'price' => $request->price,
        'description' => $request->description,
        'mileage' => $request->mileage,
        'lng' => $request->lng,
        'lat' => $request->lat,
        'year' => $request->year,
    ]);

    if ($classified) {
        $images = $request['images'];

        if ($images) {
            $classified
                ->syncFromMediaLibraryRequest($request->get('images'))
                ->toMediaCollection('classifieds');

            $image_order = [];

            foreach ($images as $image) {
                $image_order[] = Media::where('uuid', $image['uuid'])->first()->id;
            }

            Media::setNewOrder($image_order);
        }

        if (!empty($request->filters)) {
            $classified->specifications()->sync(collect($request->filters)->flatten());
        }
    }

    return response()->json($classified, 201);
}

Any help welcome! Thanks!

[morris14]

Seems like this is my issue: #1429, explained here: https://spatie.be/docs/laravel-medialibrary/v7/advanced-usage/using-a-custom-directory-structure#using-a-custom-directory-structure

I use a custom path where media items weren't in individual folders. No issues anymore!