Setter doesn't work.

[justinbmeyer]

<button on:click='this.todo.disabled = false'>allow</button>

This seems to be trying to set this.disabled incorrectly.

Component.extend({
    tag: "todo-create",
    view: `

            <div class="form-group">
                <label>Name</label>
                <input class="form-control"
                    on:input:value:bind='this.todo.name'/>
            </div>
        <button on:click='this.todo.disabled = false'>allow</button>
            {{this.todo.disabled}}
            <button disabled:from="todo.disabled"
                class="btn btn-primary">
                {{# if(this.todo.isSaving()) }}
                    Creating .... 
                {{ else }}
                    Create Todo 
                {{/if}}
            </button> 

    `,
    ViewModel: {
        todo: {
            default(){
                return new DefineMap({disabled: true})
            }
        }
    }
});

[cherifGsoul]

I can not reproduce the issue in this codepen , could it be fixed?

[chasenlehara]

Thanks @cherifGsoul, this looks fixed as of can@5.21.5