Йо, ребята, у меня возник вопрос, и мне кажется, что

Question

Svelte [svelt] - All about Svelte JavaScript framework.

Йо, ребята, у меня возник вопрос, и мне кажется, что

я не вижу какого-то абсолютно очевидного решения.
TL;DR: есть ли хитрый способ проигрывать in- и out-анимации при смене пропсов?

Продуктовая задача такая: есть List.svelte, который держит полный массив объектов на отображение; есть Card.svelte, который просто отображает какую-то карточку; и вместо отображения всего списка хочется отображать карточки по одной.

У Card есть in и out анимации. Хочется найти способ задействовать их. Ну, например, чтоб карточки визуально отъезжали влево, когда ты с ними закончил работать, а справа появлялась новая.

Очевидно, List.svelte данные скидывает через пропсы. При смене пропсов компонент не пересоздаётся, поэтому анимации не срабатывают.
Я попробовал через each-блок, который фильтрует массив и выдёргивает один элемент, соответствующий текущему index. Карточка меняется, анимации не играются (пробовал перетащить анимации внутрь each-блока — тоже не работает): https://svelte.dev/repl/998c4f9fa42e4f75b8e14940403db98a?version=3.18.2
Самое ближнее — через манипуляцию с tick(), {#if} и setTimeout (грязнющая грязь), но всё равно out-анимация получается корявая, не доигрывает до конца: https://svelte.dev/repl/c3e1a9620d6145029a98b8ccf050080f?version=3.18.2

Непроигрывание out-анимации во втором случае вообще выглядит как баг, но может я чего-то не понимаю. Есть у кого-нибудь идеи?