السحب والإفلات القابل للترتيب في Livewire

الترتيب بالسحب والإفلات:

تثبيت SortableJS

npm install sortablejs

المكون

public $items = [];

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

العرض مع Alpine

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