1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| import type { SortableOptions } from 'sortablejs';
| import type Sortable from 'sortablejs';
|
| function useSortable<T extends HTMLElement>(sortableContainer: T, options: SortableOptions = {}) {
| const initializeSortable = async () => {
| const Sortable = await import('sortablejs/modular/sortable.complete.esm.js');
| const sortable = Sortable?.default?.create?.(sortableContainer, {
| animation: 300,
| delay: 400,
| delayOnTouchOnly: true,
| ...options,
| });
| return sortable as Sortable;
| };
|
| return {
| initializeSortable,
| };
| }
|
| export { useSortable };
|
| export type { Sortable };
|
|
