svelte-mobx-store

<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>