- {#each Array(6) as _, row}
+ {#each Array.from(Array(6).keys()) as row (row)}
{@const current = row === i}
Row {row + 1}
- {#each Array(5) as _, column}
+ {#each Array.from(Array(5).keys()) as column (column)}
+ {@const guess = current ? currentGuess : data.guesses[row]}
{@const answer = data.answers[row]?.[column]}
- {@const value = data.guesses[row]?.[column] ?? ''}
- {@const selected = current && column === data.guesses[row].length}
+ {@const value = guess?.[column] ?? ''}
+ {@const selected = current && column === guess.length}
{@const exact = answer === 'x'}
{@const close = answer === 'c'}
{@const missing = answer === '_'}
@@ -167,7 +172,7 @@
on:click|preventDefault={update}
data-key={letter}
class={classnames[letter]}
- disabled={data.guesses[i].length === 5}
+ disabled={submittable}
formaction="?/update"
name="key"
value={letter}
diff --git a/demo/vite.config.js b/demo/vite.config.js
index 8747050..bbf8c7d 100644
--- a/demo/vite.config.js
+++ b/demo/vite.config.js
@@ -1,8 +1,6 @@
import { sveltekit } from '@sveltejs/kit/vite';
+import { defineConfig } from 'vite';
-/** @type {import('vite').UserConfig} */
-const config = {
+export default defineConfig({
plugins: [sveltekit()]
-};
-
-export default config;
+});