data array in store

How can I use this library when the data array is actually stored in a writable store?

<script>
    import {flip} from "svelte/animate";
    import {dndzone} from "svelte-dnd-action";

    const flipDurationMs = 300;
    function handleDndConsider(e) {
        $items = e.detail.items;
    }
    function handleDndFinalize(e) {
        $items = e.detail.items;
    }
</script>

<section use:dndzone="{{$items, flipDurationMs}}" on:consider="{handleDndConsider}" on:finalize="{handleDndFinalize}">
    {#each $items as item(item.id)}
    <div animate:flip="{{duration: flipDurationMs}}">{item.name}</div>
    {/each}
</section>

where let’s say:

   items = [
        {id: 1, name: "item1"},
        {id: 2, name: "item2"},
        {id: 3, name: "item3"},
        {id: 4, name: "item4"}
    ];

is the data inside the store

When I try it I get errors.

[webdagger]

<section use:dndzone="{{items:$items, flipDurationMs}}" on:consider="{handleDndConsider}" on:finalize="{handleDndFinalize}">

[isaacHagoel]

Yeah look at the example in the readme. It is exactly for that. It doesn’t apply the transition while dragging only when adding/deleting elements

On Mon, Feb 28, 2022, 07:07 pj @.***> wrote:

The fading is actually for a non drag and drop reason.

— Reply to this email directly, view it on GitHub https://github.com/isaacHagoel/svelte-dnd-action/issues/358#issuecomment-1053664113, or unsubscribe https://github.com/notifications/unsubscribe-auth/AE4OZC4KDYPSCSFKC5OC2KTU5KAADANCNFSM5PMQKXQQ . Triage notifications on the go with GitHub Mobile for iOS https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Android https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub.

You are receiving this because you commented.Message ID: @.***>