{genreName || 'Genre'}

{#if genreData}

{#if hasLibraryContent} {genreData.library?.artist_count ?? 0} artists · {genreData.library?.album_count ?? 0} albums in your library {:else} Explore popular {genreName} music {/if}

{/if}

{#if loading}

{#each Array(12) as _, i (`genre-artist-skeleton-${i}`)}

{/each}

{#each Array(6) as _, i (`genre-album-skeleton-${i}`)}

{/each}

{:else if error}

{error}

{:else if genreData} {#if hasLibraryContent}

From Your Library

{genreData.library?.artist_count ?? 0} artists · {genreData.library?.album_count ?? 0} albums

{#if (genreData.library?.artists?.length ?? 0) > 0}

Artists

{#each genreData.library?.artists ?? [] as artist (artist.mbid || artist.name)} {/each}

{/if} {#if (genreData.library?.albums?.length ?? 0) > 0}

Albums

{#each genreData.library?.albums ?? [] as album (album.mbid || album.name)} {/each}

{/if}

Popular Artists

Top {genreName} artists

{#if (genreData.popular?.artists?.length ?? 0) === 0}

No artists found for this genre

{:else}

{#each genreData.popular?.artists ?? [] as artist (artist.mbid || artist.name)} {/each}

{#if genreData.popular?.has_more_artists}

{/if} {/if}

Popular Albums

Top {genreName} albums

{#if (genreData.popular?.albums?.length ?? 0) === 0}

No albums found for this genre

{:else}

{#each genreData.popular?.albums ?? [] as album (album.mbid || album.name)} {/each}

{#if genreData.popular?.has_more_albums}

{/if} {/if}

{/if}