Livewire Sortable Drag and Drop

Drag and drop sorting:

Install SortableJS

npm install sortablejs

Component

public $items = [];

public function updateOrder($orderedIds)
{
    foreach ($orderedIds as $index => $id) {
        Item::find($id)->update(['order' => $index]);
    }
}

View with Alpine

    @foreach($items as $item)
        
{{ $item->name }}
    @endforeach