Условие AlpineJs с несколькими значениями, например inArray

Я использую AlpineJs для создания небольшого проекта. У нас есть несколько вариантов, которые меняют цвет поля, когда оно активно/неактивно. Проблема в том, что я знаю, как этого добиться, только если это одно значение.

Livewire (php)

class ListingPromoteForm extends Component
{
    use WithPagination;
    public Listing $listing;
    protected $marketplaces;
    public $userCurrency;
    public $total = 0;
    public $selected = [];
    public $modalOpen = false;
    public function render()
    {
        $this->userCurrency = Auth::user()->userCurrency()->where('is_primary', true)->first();
        $this->marketplaces = Marketplace::paginate(10);
        return view('livewire.form.listing-promote-form',['marketplaces' => $this->marketplaces]);
    }

    public function submit(){
        dd($this->selected);
    }
}

Livewire (компонент)

<div class = "p-2" x-data = "{total:0,selected:@entangle('selected')}" wire:ignore>
    <x-page-box class = "mb-3 bg-gray-50 rounded-lg">
        <x-heading-2>{{ __('Current :name', ['name' => __('Balance')]) }}</x-heading-2>
        <div class = "flex justify-end">
            <span class = "font-bold">Rp {{ number_format($userCurrency->amount) }}</span>
        </div>
    </x-page-box>
    <!-- Showing total -->
    <div class = "p-2 flex justify-between">
        <span>{{ __(':name Total', ['name' => __('Cost')]) }}</span>
        <span x-text = "total"></span>
    </div>
    <form wire:submit = "submit">
        <ul class = "divide-y-2 border mb-3 max-h-[500px] overflow-y-auto">
            @foreach ($marketplaces as $item)
                <li wire:key = "{{ $item->id }}">
                    <label for = "selected.{{ $item->id }}"
                        :class = "{{ $item->id }} in selected ? 'bg-green-100' : 'bg-white'"
                        class = "p-2 cursor-pointer hover:bg-blue-100 flex justify-between items-center">
                        <div class = "flex items-center">
                            <input value = "{{ $item->id }}" x-model = "selected" id = "selected.{{ $item->id }}"
                                name = "selected.{{ $item->id }}" type = "checkbox"
                                class = "text-gray-900 translate-y-px focus:ring-gray-700 me-2 rounded-lg block">
                            <div>
                                <p>{{ $item->website->domain }}</p>
                                <p class = "text-xs"><i class = "fa-solid fa-chart-simple ps-1"></i>
                                    {{ __('Traffic :amount', ['amount' => 0]) }}</p>
                            </div>
                        </div>
                        <span class = "text-xs">Rp {{ number_format($item->price) }}</span>
                    </label>
                </li>
            @endforeach
        </ul>
        {{ $marketplaces->links() }}
        <div class = "flex justify-end mt-2">
            <x-primary-button>{{ __('Submit') }} <i
                    class = "ps-2 fa-solid fa-circle-arrow-right"></i></x-primary-button>
        </div>
    </form>
    <x-shared.loading-widget wire:loading.flex>{{ __('Processing') }}</x-shared.loading-widget>
</div>

Я очень ценю любой ответ. Я прочитал документацию alpineJs, но мне не повезло. Спасибо