Help on updating property.

[felek000]

Hello,
I started to check this module and works great.

However i have problem when updating value from javascript.

<div class="form-inline">
    <button wire:click="increment">increment</button>
    <input type="text" wire:model="count"/>
    <button wire:click="decrement">decrement</button>
    <p><?= $magewire->count ?></p>
</div>

My simple counter looks like this

after in js file

document.addEventListener('magewire:load', () => {
    if (document.querySelectorAll('[wire\\:id=counter]').length) {
        const counterComponent = Magewire.find('counter')
        console.log('Current count:', counterComponent.get('count'))
        counterComponent.set('count', 300)

    }
})

I see Current count proper value. However when it runs ounterComponent.set('count', 300) it fails to 404

https://app.magewire.test/magewire/undefined/livewire/message/counter

When i put component inside setTimeout

        setInterval(() => {
        counterComponent.set('count', 300)
        },100)
        ```
It works only if its time is big. Means some of data is not ready. Does it needs to be in some other event hook ?

[mvenghaus]

I think a better approach would be to use events instead of directly updating the value.

https://github.com/magewirephp/magewire/blob/main/docs/Features.md#browser-events