import { flushSync } from 'svelte';

import Line from './Line.svelte';

let id = 0;

class X {

i = ++id;

element;

}

let a = $state([new X(), new X(), new X(), new X(), new X(), new X(), new X(), new X(), new X(), new X(), new X()]);

</script>

<button onclick={() => {

flushSync(() => {

a.splice(3, 1);

});

console.log(a.map(x => x.element));

}}>

remove

</button>

{#each a as x}

<Line {x} />

{/each}