Livewire v3 support

[gizzmojo]

Wondered if there was a plan on upgrading this package to support Livewire v3?

I attempted to update it but I stumbled across an issue where $dispatch((this.name ?? 'autocomplete') + '-input', this.decoupledValue) wasn't making any request.

[Edgarborras94]

I've been trying to update the package by myself but ending with getting the results variable with an array of null objects...

maybe @joshhanley can illuminate a bit what's goin on in the new v3 hehe...

chunk of code of the autocomplete.blade.php component updated from upgrade guide v3:

x-data="autocomplete({
        name: '{{ $name }}',
        decoupledValue: null,
        focusAction: '{{ $focusAction->value ?? null }}',
        value: $wire.$entangle('{{ $inputProperty->value }}', true),
        results: $wire.$entangle('{{ $resultsProperty->value }}', true),
        selected: $wire.$entangle('{{ $selectedProperty->value }}', true),
        idAttribute: '{{ $getOption('id') }}',
        searchAttribute: '{{ $getOption('text') }}',
        autoSelect: {{ $autoSelect ? 'true' : 'false' }},
        allowNew: {{ $allowNew ? 'true' : 'false' }},
        loadOnceOnFocus: {{ $loadOnceOnFocus ? 'true' : 'false' }},
    })"

I've also upgrade some other code but no luck with this $wire.$entangle thing... I'm surely missing something.

I have created a fork in my github account, if anyone want to take a closer look...

[joshhanley]

@gizzmojo yep, I do plan to upgrade it, just been busy working on Livewire V3 at the moment.

@Edgarborras94 thanks for giving it a go! It's possible some of the Livewire methods I use to get the data aren't compatible with V3 (as they weren't documented methods). Also this autocomplete was built with using Eloquent Collection binding in mind, which we don't recommend using in V3.

I have been working on a new version of this package, which I think will work with V3 without any changes and isn't centred around Eloquent Collections. But the problem is, it's a different API, so I'm not sure yet how to version it, being that I never actually tagged V1 of this package.

That being said if we can easily get this version of it compatible with V3, then I'll happily tag a new version with V3 support.

[joshhanley]

@Edgarborras94 ok thanks! 🙂 if you have any issues, let me know what you get stuck on and I'll see if I can provide any insight.

[Edgarborras94]

@joshhanley OK! I think I got it working: https://github.com/Edgarborras94/livewire-autocomplete should I do a new branch for the PR? I have done some manual testing and everthing seems fine. I also have the autocomplete demo updated for V3, maybe I could make also a PR after this one

EDIT:
Some screenshots:

[joshhanley]

@Edgarborras94 Legend! Thanks! Yep a new branch would be great as it means I can work on the pr if there are any changes needed 🙂

[Edgarborras94]

PR done: #24 I hope everything goes well!!