<script>
  import A from './A.svelte';
  let a, b;

  export function getA() {
    return a.getData();
  }
  export function getB() {
    return b.getData();
  }
</script>

<A bind:this={a}>
  <span slot="a">hello world</span>
  <span>bye</span>
  <span>world</span>
</A>

<A bind:this={b}>
  <span slot="a">hello world</span>
  <span slot="b">hello world</span>
  <span>bye world</span>
</A>
