A Livewire wrapper for SortableJS.
npm install livewire-sortablejsA Livewire wrapper for SortableJS.




---

A simple list of tasks in your component view.
``html`
wire:sortable="updateTaskOrder"
wire:sortable.animation="150"
class="divide-y divide-gray-200"
>
@foreach($tasks as $task)
Task {{ $task->id }}
@endforeach
An update method in your component class.
`php
public $tasks;
public function mount()
{
$this->tasks = Task::orderBy('order')->get();
}
public function updateTaskOrder($list)
{
foreach($list as $item) {
Task::where('id', $item['value'])
->update(['order' => $item['order']]);
}
$this->tasks = Task::orderBy('order')->get();
}
`
I invest a lot of time writing quality software, what open-source market deserves.
Where I live I'm currently unable to apply for GitHub sponsorship. I was able to set up a Buy Me a Coffee account though. That's where you can show appreciation for my dedicated time to writing this package.
`html`
`bash`
npm install livewire-sortablejs
or
`bash`
yarn add livewire-sortablejs
Then import the package into your bundle:
`js``
import 'livewire-sortablejs'
// or
require('livewire-sortablejs')
Please see CHANGELOG for more information on what has changed recently.
Please see CONTRIBUTING for details.
Please review our security policy on how to report security vulnerabilities.
The MIT License (MIT). Please see License File for more information.