Livewire + Choices.js

choices.blade.php

@props([
    'placeholder' => null,
])

<div
    wire:ignore
    x-data="{
        value: $wire.entangle(@js($attributes->wire('model')->value)){{ $attributes->wire('model')->hasModifier('live') ? '.live' : '' }},

        init () {
            const choices = new Choices(this.$refs.select, {
                placeholderValue: @js($placeholder)
            })

            choices.setChoiceByValue(this.value);

            this.$refs.select.addEventListener('change', () => {
                this.value = choices.getValue(true);
            })
        },
    }"
>
    <select x-ref="select" {{ $attributes->only('multiple') }}>
        {{ $slot }}
    </select>
</div>