“LiveWire Ordenable” Código de respuesta

LiveWire Ordenable

-- Livewire Sortable Package --
CDN:
<script src="https://cdn.jsdelivr.net/gh/livewire/[email protected]/dist/livewire-sortable.js"></script>

NPM:
npm install livewire-sortable --save-dev

Import the package in your bundle:
import 'livewire-sortable'
// Or.
require('livewire-sortable')


Blade example of use:
<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>

Source: https://github.com/livewire/sortable
// Like the post if you found it usefull and help other devs to find the good answer