optional title and abstract

components/content/ArticleDoi.vue

@@ -11,6 +11,9 @@ const { article } = useFetchArticle(props.doi)
 const show = ref(false)
 console.log(article)
 
+const articleTitle = computed(() => { return props?.title ?? article.value?.title ?? props.doi })
+const articleAbstract = computed(() => { return props.abstract ?? article.value?.abstract })
+
 </script>
 <template>
     <v-list-item :href="article?.href" :target="article?.target">
@@ -22,13 +25,13 @@ console.log(article)
         <v-card flat color="transparent" density="compact">
 
             <v-card-item density="compact">
-                <v-card-title><span class="text-subtitle-1 font-weight-bold">{{ article?.title ?? props?.title ?? props.doi
+                <v-card-title><span class="text-subtitle-1 font-weight-bold">{{ articleTitle
                 }}</span></v-card-title>
                 <v-card-subtitle> {{ article?.subtitle ?? "no subtitle" }}</v-card-subtitle>
                 <v-card-subtitle> {{ article?.containerTitle ?? "no containerTitle" }} ({{ article?.year
                 }})</v-card-subtitle>
             </v-card-item>
-            <v-card-actions v-if="article?.abstract ?? props.abstract" density="compact">
+            <v-card-actions v-if="articleAbstract" density="compact">
                 <v-btn size="x-small" variant="outlined" :append-icon="show ? 'mdi-chevron-up' : 'mdi-chevron-down'"
                     @click.stop.prevent="show = !show">Abstract</v-btn>
             </v-card-actions>
@@ -36,7 +39,7 @@ console.log(article)
             <v-expand-transition>
                 <v-card v-show="show" flat color="transparent">
                     <v-card-text>
-                        {{ article?.abstract ?? props.abstract }}
+                        {{ articleAbstract }}
                     </v-card-text>
                 </v-card>
 

components/content/ListSystems.vue

@@ -36,8 +36,9 @@ function filterOnlyCapsText(value, query, item) {
                 <v-chip variant="text" link :to="`${item.columns.system.path}`">{{
                     item.columns.system.name }}</v-chip>
             </template>
-            <template #[`item.doi`]="{ item }">
-                <ArticleDoiList v-if="item.columns?.doi" :items="[item.columns.doi]" :divider="false" />
+            <template #[`item.article`]="{ item }">
+                <ArticleDoi v-if="item.columns?.article" :doi="item.columns.article.doi"
+                    :title="item.columns.article?.title" :abstract="item.columns.article?.abstract" :divider="false" />
             </template>
         </v-data-table>
     </v-card>

content/2.defense-systems/abi2.md

 ---
 title: Abi2
 tableColumns:
-    doi: 10.1016/j.mib.2005.06.006
+    article: 
+      doi: 10.1016/j.mib.2005.06.006
+      abstract: |
+        Abortive infection (Abi) systems, also called phage exclusion, block phage multiplication and cause premature bacterial cell death upon phage infection. This decreases the number of progeny particles and limits their spread to other cells allowing the bacterial population to survive. Twenty Abi systems have been isolated in Lactococcus lactis, a bacterium used in cheese-making fermentation processes, where phage attacks are of economical importance. Recent insights in their expression and mode of action indicate that, behind diverse phenotypic and molecular effects, lactococcal Abis share common traits with the well-studied Escherichia coli systems Lit and Prr. Abis are widespread in bacteria, and recent analysis indicates that Abis might have additional roles other than conferring phage resistance.
 ---
 
 The Abi2 system is composed of one protein: Abi_2.

content/2.defense-systems/abia.md

 ---
 title: AbiA
 tableColumns:
-    doi: 10.1016/j.mib.2005.06.006
+    article:
+      doi: 10.1016/j.mib.2005.06.006
+      abstract: |
+        Abortive infection (Abi) systems, also called phage exclusion, block phage multiplication and cause premature bacterial cell death upon phage infection. This decreases the number of progeny particles and limits their spread to other cells allowing the bacterial population to survive. Twenty Abi systems have been isolated in Lactococcus lactis, a bacterium used in cheese-making fermentation processes, where phage attacks are of economical importance. Recent insights in their expression and mode of action indicate that, behind diverse phenotypic and molecular effects, lactococcal Abis share common traits with the well-studied Escherichia coli systems Lit and Prr. Abis are widespread in bacteria, and recent analysis indicates that Abis might have additional roles other than conferring phage resistance.
 ---
 
 The AbiA system have been describe in a total of 2 subsystems.

content/2.defense-systems/abib.md

 ---
 title: AbiB
 tableColumns:
-    doi: 10.1016/j.mib.2005.06.006
+    article:
+      doi: 10.1016/j.mib.2005.06.006
+      abstract: |
+        Abortive infection (Abi) systems, also called phage exclusion, block phage multiplication and cause premature bacterial cell death upon phage infection. This decreases the number of progeny particles and limits their spread to other cells allowing the bacterial population to survive. Twenty Abi systems have been isolated in Lactococcus lactis, a bacterium used in cheese-making fermentation processes, where phage attacks are of economical importance. Recent insights in their expression and mode of action indicate that, behind diverse phenotypic and molecular effects, lactococcal Abis share common traits with the well-studied Escherichia coli systems Lit and Prr. Abis are widespread in bacteria, and recent analysis indicates that Abis might have additional roles other than conferring phage resistance.
 ---
 
 The AbiB system is composed of one protein: AbiB.

content/2.defense-systems/abic.md

 ---
 title: AbiC
-tableColumns:
-    doi: 10.1016/j.mib.2005.06.006
+
 ---
 
 The AbiC system is composed of one protein: AbiC.

content/2.defense-systems/abid.md

 ---
 title: AbiD
-tableColumns:
-    doi: 10.1016/j.mib.2005.06.006
+
 ---
 
 The AbiD system is composed of one protein: AbiD.

content/2.defense-systems/abie.md

 ---
 title: AbiE
-tableColumns:
-    doi: 10.1016/j.mib.2005.06.006
+
 ---
 
 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. 

content/2.defense-systems/abig.md

 ---
 title: AbiG
-tableColumns:
-    doi: 10.1016/j.mib.2005.06.006
+
 ---
 
 The AbiG system is composed of 2 proteins: AbiGi and, AbiGii.

content/2.defense-systems/abih.md

 ---
 title: AbiH
 tableColumns:
-    doi: 10.1111/j.1574-6968.1996.tb08446.x
+    article: 
+      doi: 10.1111/j.1574-6968.1996.tb08446.x
+      abstract: |
+        A gene which encodes resistance by abortive infection (Abi+) to bacteriophage was cloned from Lactococcus lactis ssp. lactis biovar. diacetylactis S94. This gene was found to confer a reduction in efficiency of plating and plaque size for prolate-headed bacteriophage φ53 (group I of homology) and total resistance to the small isometric-headed bacteriophage φ59 (group III of homology). The cloned gene is predicted to encode a polypeptide of 346 amino acid residues with a deduced molecular mass of 41 455 Da. No homology with any previously described genes was found. A probe was used to determine the presence of this gene in two strains on 31 tested.
 ---
 
 ## Example of genomic structure

content/2.defense-systems/abiv.md

 ---
 title: AbiV
 tableColumns:
-    doi: 10.1128/AEM.00780-08
+    article:
+      doi: 10.1128/AEM.00780-08
 ---
 
 ## Example of genomic structure

content/2.defense-systems/rst_paris.md

 ---
 title: Rst_PARIS
-tableColumns:
-    doi: https://doi.org/10.1101/2021.01.21.427644
+
 ---
 
 ## Description
@@ -56,7 +55,7 @@ Subsystem Paris 2 with a system from *Escherichia coli (P4 loci)* in *Escherichi
 ---
 items:
     - doi: 10.1016/j.chom.2022.02.018
-    
+
 
 ---
 ::