step5

pages/pres.vue

@@ -0,0 +1,14 @@
+<script setup>
+const {data} = await useAsyncData('s5s', () => queryContent('/pres').findOne());
+</script>
+<template><ContentRenderer :value="data">
+  <div v-for="item in data.body" v-bind:key="item.name">
+    <h2>{{ item.name }}</h2>
+    <table><thead><tr><th>Name</th><th>Index</th></tr></thead><tbody>
+      <tr v-for="row in item.data" v-bind:key="row.Index">
+        <td>{{ row.Name }}</td>
+        <td>{{ row.Index }}</td>
+      </tr>
+    </tbody></table>
+  </div>
+</ContentRenderer></template>