tag.name.toLowerCase() === 'easy'), 'border-yellow-500/30': puzzle.tags?.find((tag) => tag.name.toLowerCase() === 'medium'), 'border-red-500/30': puzzle.tags?.find((tag) => tag.name.toLowerCase() === 'hard'), 'hover:bg-card/80': puzzle.show, 'opacity-50': !puzzle.show } )} > {#if puzzle.show}
{puzzle.name}
({puzzle.score ? `${puzzle.score}` : '?'}/{puzzle.scoreMax} points)
{#if puzzle.tags?.length}
{#each puzzle.tags.filter((tag) => !['easy', 'medium', 'hard'].includes(tag.name.toLowerCase())) as tag}
{tag.name}
{/each}
{/if}
{:else}
{puzzle.name}
({puzzle.score ? `${puzzle.score}` : '?'}/{puzzle.scoreMax} points)
{#if puzzle.tags?.length}
{#each puzzle.tags.filter( (tag) => ['easy', 'medium', 'hard'].includes(tag.name.toLowerCase()) ) as tag}
{tag.name}
{/each}
{/if}
{/if}