Playlists

{#if creating}

Name { if (e.key === 'Enter') submitCreate(); if (e.key === 'Escape') creating = false; }} /> {#if createError}

{createError}

{/if}

{/if} {#if playlistsQuery?.isPending}

Loading playlists…

{:else if playlistsQuery?.isError} playlistsQuery.refetch()} /> {:else if playlistsQuery?.data}

Your playlists

{#if playlistsQuery.data.owned.length === 0}

No playlists yet. Click "New playlist" to start one.

{:else}

{#each playlistsQuery.data.owned as p (p.id)} {/each}

{/if}

{#if playlistsQuery.data.public.length > 0}

{#each playlistsQuery.data.public as p (p.id)} {/each}

{/if} {/if}