update reference list to work with vuetify

components/content/ReferencesList.vue

 <template>
   <ClientOnly fallback-tag="span" fallback="Loading references...">
-    <ProseOl v-if="computedItems.length > 0">
-      <ProseA
-        v-for="item in computedItems"
-        :key="item.DOI"
-        :href="item.href"
-        target="blank"
-      >
-        <ProseLi class="refArticle">
-          <div class="ref-title">{{ item.title }}.</div>
-          <div class="ref-authors">{{ item.authorsString }}</div>
-          <div>{{ item?.containerTitle }}</div>
-        </ProseLi>
-      </ProseA>
-    </ProseOl>
+    <v-list
+      v-if="computedItems.length > 0"
+      :items="computedItems"
+      item-props
+      lines="three"
+    >
+      <template #subtitle="{ item }">
+        <div>{{ item.subtitle }}</div>
+        <div>{{ item.containerTitle }} ({{ item.year }})</div>
+      </template>
+      <template #prepend="{ item }">
+        <v-avatar>
+          <v-icon>{{ item.prependIcon }}</v-icon>
+        </v-avatar>
+      </template>
+    </v-list>
   </ClientOnly>
 </template>
 
@@ -38,6 +40,9 @@ const fetchedDoi = ref(
           "container-title-short": string;
           "container-title": string;
           abstract: string;
+          published: {
+            "date-parts": string[];
+          };
         };
       }>(url)
         .get()
@@ -47,7 +52,7 @@ const fetchedDoi = ref(
   )
 );
 const computedItems = computed(() => {
-  return fetchedDoi.value.map((doi) => {
+  return fetchedDoi.value.map((doi, i) => {
     if (doi) {
       const {
         DOI,
@@ -55,15 +60,19 @@ const computedItems = computed(() => {
         "container-title-short": cts,
         "container-title": ct,
         abstract,
+        published,
         ...rest
       } = doi.message;
       return {
         DOI,
         title: title[0],
-        authorsString: toAuthorsString(doi?.message?.author ?? []),
+        subtitle: toAuthorsString(doi?.message?.author ?? []),
         containerTitle: cts?.length > 0 ? cts[0] : ct?.length > 0 ? ct[0] : "",
         abstract,
+        year: published["date-parts"][0][0],
         href: getReferenceUrl(DOI),
+        target: "_blank",
+        prependIcon: "mdi-newspaper-variant-outline",
       };
     } else {
       return {};

content/2.defense-systems/1.PARIS.md

@@ -50,16 +50,11 @@ Paris type II merge system in _Desulfovibrio desulfuricans_ (GCF\__000025705.1).
 
 ## References 
 
-1. François Rousset, Julien Dowding, Aude Bernheim, Eduardo P.C. Rocha, David Bikard, Prophage-encoded hotspots of bacterial immune systems, bioRxiv 2021.01.21.427644; doi: https://doi.org/10.1101/2021.01.21.427644
-
-2. Isaev A, Drobiazko A, Sierro N, et al. Phage T7 DNA mimic protein Ocr is a potent inhibitor of BREX defence \[published correction appears in Nucleic Acids Res. 2020 Jul 27;48(13):7601-7602\]. _Nucleic Acids Res_. 2020;48(10):5397-5406. doi:10.1093/nar/gkaa290
-
-3. Studier FW. Gene 0.3 of bacteriophage T7 acts to overcome the DNA restriction system of the host. J Mol Biol. 1975 May 15;94(2):283-95. doi: 10.1016/0022-2836(75)90083-2. PMID: 1095770.
-
-<!-- ## ::references-list
-
-items: - 10.1101/2021.01.21.427644 - 10.1093/nar/gkaa290 - 10.1016/0022-2836(75)90083-2
-
+::references-list
 ---
-
-:: -->
+items:
+    - 10.1101/2021.01.21.427644
+    - 10.1093/nar/gkaa290
+    - 10.1016/0022-2836(75)90083-2
+---
+::

content/2.defense-systems/2.AbiE.md

@@ -58,13 +58,10 @@ Bacteriophage defences are divided into innate and adaptive systems. Serratia sp
 
 ## Sources
 
-1. Garvey P, Fitzgerald GF, Hill C. Cloning and DNA sequence analysis of two abortive infection phage resistance determinants from the lactococcal plasmid pNP40. Appl Environ Microbiol. 1995 Dec;61(12):4321-8. doi: 10.1128/aem.61.12.4321-4328.1995. PMID: 8534099; PMCID: PMC167743.
-2. Dy RL, Przybilski R, Semeijn K, Salmond GP, Fineran PC. A widespread bacteriophage abortive infection system functions through a Type IV toxin-antitoxin mechanism. Nucleic Acids Res. 2014;42(7):4590-4605. doi:10.1093/nar/gkt1419
-
 ::references-list
 ---
-items: 
-    - 10.1093/nar/gkt1419 
+items:
+    - 10.1093/nar/gkt1419
     - 10.1128/aem.61.12.4321-4328.1995
 ---
 ::

content/2.defense-systems/3.AVAST.md

@@ -18,5 +18,9 @@ Bacteria and archaea are frequently attacked by viruses and other mobile genetic
 
 ## References
 
-**1\.** Gao L, Altae-Tran H, Böhning F, et al. Diverse enzymatic activities mediate antiviral immunity in prokaryotes. Science. 2020;369(6507):1077-1084. doi:10.1126/science.aba0372
-
+::references-list
+---
+items:
+    - 10.1126/science.aba0372
+---
+::
\ No newline at end of file