{#if dropdownItems} {#each computeDropdowns() as item, i} {#if item.action} {:else if item.href && !item.disabled} goto(item.href ?? '')} class="block w-full px-4 font-semibold text-left py-2 text-sm text-gray-700 hover:drop-shadow-sm hover:bg-gray-50 hover:bg-opacity-30 {item.disabled ? 'bg-gray-200' : ''}" role="menuitem" tabindex="-1" id="user-menu-item-{name}-{i}}" class:disabled={item.disabled} > {#if item.icon} {/if} {item.displayName} {:else} {#if item.icon} {/if} {item.displayName} {/if} {/each} {/if}