feat: improve benchmark example

mantou132 · Jul 9, 2024 · 4f633a8 · 4f633a8
1 parent 4d9351c
commit 4f633a8
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/packages/gem-examples/src/benchmark/index.ts b/packages/gem-examples/src/benchmark/index.ts
@@ -141,10 +141,14 @@ export class App extends GemElement<State> {
         () => html`<canvas ref=${this.canvasRef.ref} width=${width / ratio} height=${height / ratio}></canvas>`,
       )}
       <div class="grid">
-        ${this.#pixelsPosition.map((index) => {
-          const color = pixels.slice(index, index + 4) as unknown as RGBA;
-          return html`<app-pixel ratio=${ratio} color=${rgbToRgbColor(color)}></app-pixel>`;
-        })}
+        ${repeat(
+          this.#pixelsPosition,
+          (_, i) => i,
+          (index) => {
+            const color = pixels.slice(index, index + 4) as unknown as RGBA;
+            return html`<app-pixel ratio=${ratio} color=${rgbToRgbColor(color)}></app-pixel>`;
+          },
+        )}
       </div>
     `;
   }