Seamless MobX usage in Svelte

Install

yarn add svelte-mobx-store

Example

<script>
  import { observable } from "mobx";
  import SvelteMobXStore from "svelte-mobx-store";

  const mobXObservable = observable({
    nested: {
      counter: 7
    }
  });
  const store = SvelteMobXStore(mobXObservable);
</script>

<div on:click={() => mobXObservable.nested.counter++}>
  The counter value is equal to {$store.nested.counter}
</div>