add a Ref component

components/content/ArticleDoi.vue

@@ -28,6 +28,7 @@ const articleAbstract = computed(() => {
 <template>
   <v-list-item
     :href="article?.href"
+    :id="props.doi"
     :target="article?.target"
     density="compact"
     class="px-1"

components/content/Ref.vue

+<script setup lang="ts">
+
+export interface Props {
+    doi: string;
+}
+const props = withDefaults(defineProps<Props>(), {});
+const { article } = useFetchArticle(props.doi);
+</script>
+<template>
+    <v-chip variant="text" :href="`#${props.doi}`" class="pa-0 text-caption font-italic">({{ article?.author[0]?.family ?? 'test' }} et al, {{
+        article.year
+    }})</v-chip>
+</template>
\ No newline at end of file

composables/useFetchArticle.ts

@@ -25,6 +25,7 @@ export interface Article {
     DOI: string
     title: string
     subtitle: string
+    author: Array<{ family: string; given: string }>
     containerTitle: string
     abstract: string
     year: string
@@ -74,6 +75,7 @@ export function useFetchArticle(doi: string) {
                 DOI,
                 title: sanitizedTitle,
                 subtitle: toAuthorsString(author || []),
+                author,
                 containerTitle: sanitizedContainerTitle,
                 abstract: sanitizedAbstract,
                 year: published?.["date-parts"][0][0] ?? issued?.["date-parts"][0][0] ?? '',
@@ -89,7 +91,6 @@ export function useFetchArticle(doi: string) {
 
         if (store.articles.size === 0) {
             const localArticles = await queryContent('/_partials/_articles').where({ _partial: true }).findOne()
-            console.log(localArticles)
             if (localArticles?.articles && store.articles.size <= 0) {
                 for (const article of localArticles.articles) {
                     store.add(article)

content/3.defense-systems/abia.md

@@ -11,7 +11,7 @@ tableColumns:
     PFAM: PF00078, PF18160, PF18732
 ---
 
-# AbiA
+# AbiA 
 The AbiA system have been describe in a total of 2 subsystems.
 
 Here is some example found in the RefSeq database:
@@ -24,9 +24,11 @@ AbiA_large subsystem in the genome of *Lactobacillus amylovorus* (GCF_002706375.
 
 AbiA_small subsystem in the genome of *Mesobacillus foraminis* (GCF_003667765.1) is composed of 2 proteins: AbiA_small (WP_121614402.1)and, AbiA_SLATT (WP_121614403.1).
 
-## Distribution of the system among prokaryotes
+## Distribution of the system among prokaryotes 
+
+The AbiA system is present in a total of 35 different species :ref{doi=10.1023/A:1002027321171}.
+
 
-The AbiA system is present in a total of 35 different species.
 
 Among the 22k complete genomes of RefSeq, this system is present in 50 genomes (0.2 %).