getter won't update when watching property from x-modelable

[Briareos17]

I have component with x-modelable='options' x-model='list'
and also have getter

get filteredOptions() {
    return this.options.filter(option => {
        return (option.name.toLowerCase().indexOf(this.filter) > -1)
    });
}

For some reason gettr won't update the following template when options updated:

<template x-for="(option, index) in filteredOptions" :key="'lab_id_'+option.id">
    <div
        @click="onOptionClick(index)"
        :aria-selected="focusedOptionIndex === index"
    >
        <div x-text="option.name" class="option">

        </div>
    </div>
</template>

when I pass console.log(this.options) inside getter, it shows in console

[ekwoka]

It definitely should.

Can you repro on https://awesomealpine.com/play ?

[Briareos17]

Okay, I found problem, never use array.lenght in x-if))