Dictionary {#each dictionary as item, index} {#if sidebar.state === "expanded"} {#snippet child({ props })} {#snippet child({ props })} {#if item.submenus?.length} {item.title} {:else} {item.title} {/if} {/snippet} {#if item.submenus?.length} {#snippet child({ props })} {/snippet} {#each item.submenus as subItem (subItem.title)} {subItem.title} {/each} {/if} {/snippet} {:else} openPopovers[index] = open}> {#snippet trigger(props)} {#if item.icon && !item.submenu} {/if} {item.title} {/snippet} {@render trigger()}

{#if item.submenus && item.submenus.length > 0}

{item.title}

{#each item.submenus || [] as submenu} openPopovers[index] = false} class="flex items-center rounded-md px-2 py-1.5 text-sm hover:bg-accent" class:bg-accent={$page.url.pathname === submenu.url} > {submenu.title} {/each} {:else} openPopovers[index] = false} class="flex items-center rounded-md px-2 py-1.5 text-sm font-semibold hover:bg-accent" class:bg-accent={$page.url.pathname === item.url} > {item.title} {/if}

{/if} {/each}