Function render

src/scripts/hub.ts:51–68

()

}

function render() {
  if (!grid || !count || !emptyState) return

  const query = searchInput?.value.trim().toLowerCase() ?? ''
  const visibleCards = sortCards(cards.filter((card) => matchesSearch(card, query) && matchesTags(card)))
  const visibleSet = new Set(visibleCards)

  for (const card of cards) {
    card.hidden = !visibleSet.has(card)
  }

  for (const card of visibleCards) {
    grid.append(card)
  }

  count.textContent = `${visibleCards.length} ${visibleCards.length === 1 ? 'theme' : 'themes'}`
  emptyState.hidden = visibleCards.length > 0
}

for (const button of tagButtons) {
  button.addEventListener('click', () => {