<script>
import Orders from './Orders.svelte';
import Orders2 from './Orders.svelte';
let orders = [
[{id:1,state:"1"},{id:2,state:"2"},{id:3,state:"3"}],
[{id:4,state:"4"},{id:5,state:"5"},{id:6,state:"6"}],
];
let onChange = (e) => {
let [i, j, el] = e.detail;
orders[i].splice(j,1);
orders[1 - i].splice(0, 0, el);
orders = orders;
}
</script>
<style>
div {
display: flex;
justify-content: space-between;
}
</style>
row1
<div>
{#each orders as order, i}
<Orders {order} {i} on:change={onChange} />
{/each}
</div>
<hr>
row2
<div>
<Orders2 order={orders[0]} i={0} on:change={onChange} />
<Orders2 order={orders[1]} i={1} on:change={onChange} />
</div>