livewire sortable

livewire.sortable.md

$updateOrder = function ($items) {
    $ids = collect($items)->pluck('value')->toArray();

    Photo::whereIn('id', $ids)
        ->get()
        ->each(function ($item) use ($ids) {
            $item->update(['ordering' => array_search($item->id, $ids)]);
        });

    $this->photos = collect($ids)
        ->map(function ($id) {
            return $this->photos->firstWhere('id', $id);
        })
        ->filter();
    $this->photos = $this->photos->values();
};

<ul wire:sortable="updateTaskOrder">
    @foreach ($tasks as $task)
        <li wire:sortable.item="{{ $task->id }}" wire:key="task-{{ $task->id }}">
            <h4 wire:sortable.handle>{{ $task->title }}</h4>
            <button wire:click="removeTask({{ $task->id }})">Remove</button>
        </li>
    @endforeach
</ul>