{#each genres.slice(0, 20) as genre (genre.name)} {@const artistMbid = genreArtists?.[genre.name]} {@const cdnUrl = genreArtistImages?.[genre.name] ?? null} {@const useCdn = cdnUrl && $imageSettingsStore.directRemoteImagesEnabled && !cdnFailedSet.has(genre.name)} {@const hasImage = useCdn || artistMbid} {@const isLoaded = loadedSet.has(genre.name)}

{#if hasImage && !isLoaded}

{/if} {#if useCdn} onCdnError(genre.name)} onload={() => onImgLoad(genre.name)} /> {:else if artistMbid} onImgLoad(genre.name)} /> {/if}

{#if genre.listen_count} {formatCount(genre.listen_count)} plays {/if}

{genre.name}

{/each}