[BUG] Data binding on x-post sets only on initial

[jinnodeleon]

alpine-js: 3.13.10
alpine-requests: 1.0.4

<!-- problem -->
    <form x-data="{sample: ''}">
      <input type="text" x-model="sample" />
      <span x-text="sample"></span>
      <!-- binds only to empty sample property -->
      <button
        type="button"
        x-post="{route: '/api', body: JSON.stringify({sample}), headers: {'content-type': 'application/json'}}"
      >
        Like
      </button>
    </form>

<!-- workaround -->
    <form
      x-data="{sample: ''}"
      @submit.prevent="$post({route: '/api', body: JSON.stringify({sample}), headers: {'content-type': 'application/json'}})"
    >
      <input type="text" x-model="sample" />
      <span x-text="sample"></span>
      <button type="submit">Like</button>
    </form>

[VaronLaStrauss]

Buttons @click also work:

<button
  type="button"
  @click="$post({route: '/api', body: JSON.stringify({sample}), headers: {'content-type': 'application/json'}})"
>
  Like
</button>

Edit:
Which begs the question, using raw body transforms the object to string, which then results to [Object object] when sending the request. Would be nice to have a simple body: { sample } instead of having to call JSON.stringify.

[0wain]

Hey guys!

Thanks for reporting this issue, I'll give it a look over this weekend.

I totally agree that you should only need to pass the object through body, you shouldn't need to convert it to JSON yourself.

Will have a fix pushed out this weekend for you.