asantibanez/laravel-blade-sortable

Alpine v3

Opened this issue · 13 comments

MariosMaggot commented

It currently doesn't work with new version of Alpine. Is there any plans for alpine v3 support?

diazsasak commented

This is the error when do the sorting and using alpinejs v3

Unable to call component method. Public method [__v_raw] not found on component: [profile.edit-profile-page]

  • 👍5
ehsantalkhouncheh commented

Any news about alpinejs v3?

  • 👍1
laraben commented

Some ETA when Alpine v3 will work?

  • 👍1
SebastianSchoeps commented

@asantibanez Liking the package, but it's the same for me...

  • 👍1
SebastianSchoeps commented

As a workaround I have done the following:

  • remove <x-laravel-blade-sortable::scripts/>
  • copy content from the removed component (asantibanez/laravel-blade-sortable/resources/views/components/scripts.blade.php) into my Livewire component

Change:

this.wireComponent.call(
    this.wireOnSortOrderChange,
    this.sortOrder,
    previousSortOrder,
    this.name,
    from,
    to,
)

to

@this[this.wireOnSortOrderChange](
    this.sortOrder,
    previousSortOrder,
    this.name,
    from,
    to,
)
  • 👍3
  • ❤️2
Hesesses commented

Any updates on this?

brocorp-dev commented

Hi,

We encountered same issue with Alpine V3.

As @SebastianSchoeps workaround works fine, we submitted PR #11

nam-co commented

Same problem with alpine V3 "__v_raw"

nam-co commented

Hola Andres @asantibanez , please when you can check the PR, such a good package

nam-co commented

Hi,

We encountered same issue with Alpine V3.

As @SebastianSchoeps workaround works fine, we submitted PR #11

Hi @brocorp-dev I don't know if its just me, but Im getting an error: Trying to get property 'id' of non-object (View: .../components/scripts.blade.php) any ideas ? appreciate the help

rolinbos commented

@nam-co I got that error too. I was able to solve it by adding the following to the page where I'm using it: <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Sortable/1.6.0 /Sortable.js"></script> maybe this will help you too.

nam-co commented

Thanks @rolinbos , I ended using sortable directly because I needed features like 'clone', but I will keep it in mind, is this a unreleased version of sortable?

iksaku commented

Just got across this, ended up using a method similar to @SebastianSchoeps, however, just replaced references to this.wireComponent to this.$wire.

  • 👍2