Properties are not reactive when using `mount`and `$state` props. about svelte HOT 6 CLOSED

Bindable works by checking if the object property is an accessor with a setter. In this case, it is not. If you make it so this is the case:

mount(Component, {target: document.body, props: {
  get count() {
    return props.count;
  },
  set count(v) {
    props.count = v;
  }
}});

Then you have two-way bindings working outside.

from svelte.

I thought this is what proxied $state already did for you? (Assuming props is an object)

This is about props, not state. So no, it doesn't do this for you.

from svelte.

Should count be bindable()?

from svelte.

Should count be bindable()?

This does not fix it sadly: https://github.com/Hugos68/svelte-5-main--effect.root-not-working

from svelte.

I thought this is what proxied $state already did for you? (Assuming props is an object)

from svelte.

Thanks for the easy solution. I will mark this as closed

from svelte.