x-modelable does not respect a debounced x-model

[mattgreenfield]

I'm using x-modelable within a blade component so that I can have access to the x-model value and sync with it. This is working correctly.

However, if I want to debounce the updates to the x-model value, it is not debounced.

I've created a demo here https://codesandbox.io/s/alpinejs-playground-eq1i7s?file=/index.html

You'll see that the first range input directly changes parentval with x-model.debounce.900="parentval" and that it is correctly debounced.
The second input sets value which in turn sets parentval via x-modelable. The value is changed instantly, not waiting for the debounce.

[mattgreenfield]

Relates to #2764

[SimoTod]

I know it's not really addressing the bug but you can achieve this by debouncing the inner x-model

      <div
        x-data="{ value: 10 }"
        x-model="parentval"
        x-modelable="value"
      >
        <input type="range" min="0" max="200" step="10" x-model.debounce.900="value" />
      </div>