How do I use Node's let:connect?

[Lenostatos]

Hi,

I am trying to programmatically add edges between nodes with let:connect function of the Node component, as suggested by the documentation. I've tried a few different variations, but none of them worked. Likewise, I would expect the button on the second node to create a connection to the first one on click. But it doesn't so I am kind of at a loss here. Anyone any ideas?

The code below running in stackblitz: https://stackblitz.com/edit/sveltejs-kit-template-default-uek3rl?file=src%2Froutes%2F%2Bpage.svelte

<script lang="ts">
  import { Node, Svelvet, Anchor } from "svelvet";

  // My problem: Node.connect doesn't work in the way shown below and I also don't get any feedback as to why in terms of e.g. console output
  // Is it necessary to add the Anchors manually as I did below?
</script>

<Svelvet>

  <Node id="1" ...>
    <div>
      ...
    </div>
    <Anchor />
  </Node>

  <Node id="2" let:connect>
    <div>
      ...
      <button on:click={() => connect(1)}>
        Connect to 1
      </button>
    </div>
    <Anchor />
  </Node>

</Svelvet>