chore: support Astro 4

package.json

@@ -35,6 +35,6 @@
     "devalue": "^4.3.2"
   },
   "peerDependencies": {
-    "astro": "^3.1.1"
+    "astro": "^4.0.3"
   }
 }

src/pages/index.astro

@@ -21,4 +21,24 @@ export type Data = typeof data;
 
     const data = deserialize<Data>('my-data', parse);
     console.log(data);
+
+    Object.keys(data).forEach(key => console.log(key, data[key], typeof data[key]))
+
+    // render table to render-here
+    const table = document.createElement('table');
+    const tbody = document.createElement('tbody');
+    table.appendChild(tbody);
+    Object.keys(data).forEach(key => {
+        const tr = document.createElement('tr');
+        const tdKey = document.createElement('td');
+        const tdValue = document.createElement('td');
+        tdKey.textContent = key;
+        tdValue.textContent = data[key];
+        tr.appendChild(tdKey);
+        tr.appendChild(tdValue);
+        tbody.appendChild(tr);
+    });
+    document.getElementById('render-here').appendChild(table);
+
+
 </script>