WIP: compute headers

content/2.defense-systems/abie.md

 ---
 title: AbiE
+tableDescription: 
+  doi: 10.1093/nar/gkt1419
+  other: blabla
 ---
 
 AbiE is a family of an anti-phage defense systems. They act through a Toxin-Antitoxin mechanism, and are comprised of a pair of genes, with one gene being toxic while the other confers immunity to this toxicity. 

pages/defense-systems.vue

+<script setup lang="ts">
+const { data, error, pending } = await useAsyncData('list-defense-systems', () => queryContent('/defense-systems').find())
+const defaultHeaders = ref([{ title: 'System', key: "title" }])
+console.log(data.value)
+const tableDescriptionKey = ref("tableDescription")
+const headers = data.value ? ref(Array.from(data.value.reduce((headerSet, df) => {
+    if (df?.[tableDescriptionKey.value]) {
+        return new Set([...headerSet, ...Object.keys(df[tableDescriptionKey.value])])
+    }
+    else { return headerSet }
+}, new Set())).map(value => { return { title: value, key: value } })
+
+) : defaultHeaders
+console.log(headers.value)
+</script>
+<template>
+    <v-card :loading="pending"></v-card>
+</template>
\ No newline at end of file