Issue when setting disabled prop via function

[MasterPuffin]

I have the following setup

<div id="container">
    <div :each="field in fields">
        <input type="text" :name="field.name" :disabled="field.disabled">
    </div>
</div>

const fields = [
    {
        name: "Test 1",
        disabled: true,
    },
    {
        name: "Test 2",
        disabled: false,
    },
    {
        name: "Test 3",
        disabled: (option) => {
            return true
        },
    },
    {
        name: "Test 4",
        disabled: (option) => {
            return false
        },
    }
]


const container = document.querySelector('#container')

const state = sprae(container, {
    fields: fields,
})

Test 1 is disabled, Test 2 is enabled, Test 3 is disabled, however Test 4 is disabled even though it should be enabled.

[dy]

I think you should do ":disabled=field.disabled?.call?.()" because you switch between boolean and function. Attribute doesn't call function value by default.