Setter does not works.

[ja3abuser]

Hey! Looks like setter does not works for me.

export const userStore = asyncable<User>(
  fetchUserData,
  async () => {
    return {...await fetchUserData(), changed: true}
  },
);

userStore.set(await userStore.get());
console.log(await userStore.get()) // returns original object, without "changed" property.

[PaulMaly]

Hi! I'm not sure what exactly you need to do, but there is an assumption that you are using setter not for its intended purpose.

Firstly, setter designed to perform some outgoing side-effect when asyncable store value has changed.
Secondery, you try to set the same value. asyncable store is smart enough to don't do anything if nothing is changed.
Lastly, setter callback is not set the store value and returning something from this function is does not perform any action.

The basic example with setter:

export const userStore = asyncable(fetchUserData, saveUserData);

<!-- this subscription to the store will perform `getter` callback to fetch user data from the server -->
{#await $userStore} 
   <p>Loading user data...</p>
{:then user}
  <form on:submit|preventDefault={save}>
     <input name="firstName" value={user.firstName}>
     <input name="lastName" value={user.lastName}>
     <input name="email" value={user.email}>
     <button>Save</button>
  </form>
{/await}

<script>
  import { userStore } from './stores/userStore';
     
  function save(e) {
    const formData = new FormData(e.target);
    const userData = Object.fromEntries(formData.entries());

    // this store change will perform `setter` callback and send user data updates to the server
    userStore.set(userData); 
  }
</script>

Hope it would help you! Feel free to ask additional questions!

p/s I know that this package docs are awful. Still can't find enough time to make them better. )))