All the pages are working again, but Alpine is insanely frustrating.

pages/game/index.html

@@ -1,5 +1,5 @@
 <script>
-  let Games = new GetJson("/api/game/index.json");
+  let Games = new PaginateTable("/api/game");
 </script>
 <blockstart>
 <block style="--w: 100%; --value: 7">
@@ -11,14 +11,16 @@
 
 <hr/>
 <grid x-data="Games" style="--cols: 2">
-  <template x-for="item in theData">
-    <shape style="--h: 200px"><a data-testid="game-link" x-text="item.title" x-bind:href="item.url"></a></shape>
+  <template x-for="item in contents">
+    <shape style="--h: 200px" class="vertical">
+    <a data-testid="game-link" x-text="item.title" x-bind:href="`/game/${item.id}/${item.slug}/`"></a>
+    <p x-text="item.description"></p>
+    </shape>
   </template>
 </grid>
 
 <block>
-  <h2>Planned Work</h2>
-  <p>Polaroid retro pork belly yes plz bitters, viral chicharrones typewriter chartreuse vice Brooklyn. Adaptogen pour-over vibecession viral. Tote bag tonx DIY microdosing. Pickled selvage bespoke small batch, blue bottle twee tacos jean shorts before they sold out chicharrones solarpunk. Hoodie taiyaki poutine jianbing chambray.</p>
+  <h2>Description</h2>
 </block>
 
 <block style="--value: 2; --text: 9">

pages/stream/index.html

@@ -1,6 +1,5 @@
 <script>
-  let Streams = new GetJson("/api/stream");
-  console.log("Streams", Streams);
+  let Streams = new PaginateTable("/api/stream");
 </script>
 
 <blockstart>
@@ -10,7 +9,7 @@
   </block>
 
   <block x-data="Streams">
-    <template x-for="item in theData">
+    <template x-for="item in contents">
       <stream class="horizontal">
         <shape style="--w: 100px; --h: 100px">Stream Thumbnail</shape>
         <info>