Show '-' in table while loading vote/download counts

- Display '-' immediately on page load while fetching API data
- Replace with actual counts when API responds
- Fall back to '0' on API error

🤖 Generated with [opencode](https://opencode.ai)

Co-Authored-By: opencode <[email protected]>

Author: spoons-and-mirrors

packages/openmodes/src/index.ts

@@ -676,14 +676,22 @@ function setupEventListeners() {
 
 // Load current vote/download data and update table
 async function updateTableCounts() {
+	// First, set all counts to "-" while loading
+	const rows = document.querySelectorAll('.mode-row');
+	rows.forEach((row: Element) => {
+		const votesCell = row.querySelector('.votes');
+		const downloadsCell = row.querySelector('.downloads');
+		if (votesCell) votesCell.textContent = '-';
+		if (downloadsCell) downloadsCell.textContent = '-';
+	});
+
 	try {
 		const response = await fetch('/mode/index');
 		if (!response.ok) return;
 
 		const modesIndex = await response.json();
 
 		// Update each table row with current counts
-		const rows = document.querySelectorAll('.mode-row');
 		rows.forEach((row: Element) => {
 			const modeId = (row as HTMLElement).dataset.modeId;
 			if (modeId && modesIndex[modeId]) {
@@ -700,6 +708,13 @@ async function updateTableCounts() {
 		});
 	} catch (error) {
 		console.warn('Failed to update table counts:', error);
+		// On error, revert to showing 0s
+		rows.forEach((row: Element) => {
+			const votesCell = row.querySelector('.votes');
+			const downloadsCell = row.querySelector('.downloads');
+			if (votesCell && votesCell.textContent === '-') votesCell.textContent = '0';
+			if (downloadsCell && downloadsCell.textContent === '-') downloadsCell.textContent = '0';
+		});
 	}
 }