<script>
import Profile from './Profile.svelte'
let names = ["karlhansen", "ottopeters", "beateschönfuß"]
</script>
<button on:click={() => names = names.slice(1)}>remove first</button>
<div>
{#each names as username}
<Profile {username} />
{/each}
</div>
<style>
div {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 3rem;
}
</style>