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

[felek000]

I found this in doc here.
Magewire.find('the.layout.block.name').set('foo', 'bar') and it works but just when i wait. And that is problem for me.
https://docs.hyva.io/checkout/hyva-checkout/magewire/vanilla-js.html#getting-components-in-vanilla-js

[wpoortman]

Is this on Luma using RequireJS?

[felek000]

Yes. I have module to work with luma. And it works just after some timeout, So i think other event is needed.

[wpoortman]

I think that's the problem, Magewire simply is loaded to slow thanks to RequireJS. This is far from what Magewire can do, but sadly Luma limitates the power and speed by a lot (like with so much).

Funny enough you do give a link from the Hyva docs 😄 but you use Luma 👀

[felek000]

I found that i can update component status like so and it works. But I think this is bug, since i have to wait some arbitrary number (SetTimeout) that code runs. If i have slower internet speed on slower mobile phone ?. It is very possible that other js code slows this much. However that is event listener for to wait (fox example hydration) to run next wit no more delay needed. Example pressing button works very well on standard wire action.