can set title and abstract on article

components/content/ArticleDoi.vue

@@ -2,6 +2,8 @@
 const props = defineProps<{
     doi: string;
     divider: boolean
+    title?: string
+    abstract?: string
 }>();
 
 const { article } = useFetchArticle(props.doi)
@@ -20,12 +22,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 ?? 'no title' }}</span></v-card-title>
+                <v-card-title><span class="text-subtitle-1 font-weight-bold">{{ article?.title ?? props?.title ?? props.doi
+                }}</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" density="compact">
+            <v-card-actions v-if="article?.abstract ?? props.abstract" 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>
@@ -33,7 +36,7 @@ console.log(article)
             <v-expand-transition>
                 <v-card v-show="show" flat color="transparent">
                     <v-card-text>
-                        {{ article?.abstract }}
+                        {{ article?.abstract ?? props.abstract }}
                     </v-card-text>
                 </v-card>
 

components/content/ArticleDoiList.vue

 <script setup lang="ts">
 const props = defineProps<{
-    items: string[];
+    items: { doi: string, title?: string, divider: boolean, abstract?: string }[];
 }>();
 </script>
 <template>
     <v-list>
-        <ArticleDoi v-for="item in items" :key="item" :doi="item" />
-       
+        <ArticleDoi v-for="item in props.items" :key="item.doi" :doi="item.doi" :title="item?.title"
+            :divider="item.divider" :abstract="item?.abstract" />
+
     </v-list>
 </template>
\ No newline at end of file

content/2.defense-systems/abia.md

@@ -37,9 +37,12 @@ A system from *lactococcal plasmid* in *lactococci* has an anti-phage effect aga
 ::article-doi-list
 ---
 items:
-    - 10.1023/A:1002027321171
-    - 10.1016/j.mib.2005.06.006
-    - 10.1093/nar/gkac467
+    - doi: 10.1023/A:1002027321171
+      title: Bacteriophage defence systems in lactic acid bacteria
+    - 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.
+    - doi: 10.1093/nar/gkac467
 
 ---
 ::

content/2.defense-systems/rst_paris.md

@@ -55,7 +55,8 @@ Subsystem Paris 2 with a system from *Escherichia coli (P4 loci)* in *Escherichi
 ::article-doi-list
 ---
 items:
-    - 10.1016/j.chom.2022.02.018
+    - doi: 10.1016/j.chom.2022.02.018
+    
 
 ---
 ::