gistfile1.txt

<!-- App.html -->
<h1>Hello {{$name}}!</h1>
<Foo/>

<script>
  import Foo from './Foo.html';

  export default {
    components: { NameInput }
  };
</script>

<!-- Foo.html -->
<input placeholder='Enter your name' bind:value='{{$name}}' on:input='store.setName(this.value)'>

<script>
  import { Store, combineStores } from 'svelte/store.js';
  
  class FooStore extends Store {
  setName(name) {
    this.set({ name });
  }
  }


  export default {
    // whatever
    oncreate() {
        // FooStore exposes itself to the rest of the app?
        combineStores({
           foo: new FooStore({ myLocalValue: 42 })
        }, this.store);
    }
  }
</script>