Как перебирать данные определенное количество раз в Svelte

Я успешно подключил свое приложение к супабазе, и оно извлекает данные из таблицы, которую я недавно настроил.

Названия юридических фирм указаны в шаблоне карточки, поэтому для каждого втягиваемого h3 создается отдельная карточка.

Я хочу иметь возможность циклически просматривать свою базу данных, и после получения 4 наборов данных (название юридической фирмы) я хочу создать дублирующую строку внизу - получить еще 4 и продолжить в том же духе (я разберусь с нумерацией страниц в более поздняя дата).

Буду признателен за любую помощь, поскольку я впервые использую Svelte и просмотрел несколько сообщений SO, а также документацию по svelte-kit.

<script>
    export let data;
</script>

<ul class = "flexCards">
    {#each visibleLawFirms as LawF}
        <li class = "cardShape">
            <h3>{LawF.lawfirmname}</h3>
        </li>
    {/each}
</ul>

🤔 А знаете ли вы, что...
JavaScript поддерживает работу с различными форматами данных, такими как JSON и XML.