alpine Warning: found "[x-sort]", but missing sort plugin

I am building a dynamic form filter using Filament, and need sort for drag and drop static elements to the form.

Now, I know alpine and livewire comes inbuilt with filament, but when i run consele.log(Alpine) on the blade getting error: Uncaught ReferenceError: Alpine is not defined.

import { Livewire, Alpine } from '../../vendor/livewire/livewire/dist/livewire.esm';
import sort from '@alpinejs/sort'


Alpine.plugin(sort)


Livewire.start()

this is how app.js looks like.

maharzan

1 year ago

Level 1

did you resolve this? I am having same issue trying to include sort in livewire

maharzan

1 year ago

Level 1

For me, I found app.js from vite doesn't work with livewire so app.js doesn't load. I had to load app.js on app.blade.php and there just use these two lines to prevent multiple livewire instances loading message..

import sort from '@alpinejs/sort';

Alpine.plugin(sort);

Please or to participate in this conversation.