{#if enableSnippets}
{#each filteredSnippets as snippet}
showSnippet(snippet, e.currentTarget)}
on:mouseleave={hidePopover}
on:click={() => addSnippet(snippet)}
>
{snippet.name}
editSnippet(e, snippet)}
/>
{/each}
{:else if !search}
Snippets let you create reusable JS functions and values that can all be
managed in one place
{#if enableSnippets}
{:else}
{/if}
{/if}
{#if hoverTarget && popoverAnchor}