{genreName ? `${genreName}` : 'Genre'} - Musicseerr
{#if heroArtistMbid}
(heroImageLoaded = true)} />
{/if}
Back

{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}
{/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}