Multiple dois

• Can set multiple dois in :ref{doi=doi1,doi2}

components/content/Ref.vue

@@ -3,15 +3,18 @@ export interface Props {
   doi: string;
 }
 const props = withDefaults(defineProps<Props>(), {});
-const { article } = useFetchArticle(props.doi);
+const dois = computed(() => {
+  return props.doi.split(',').map((d) => d.trim()).filter(d => d !== "")
+})
+
+
+
 </script>
 <template>
-  <v-chip
-    v-if="article"
-    variant="text"
-    :href="`#ref-${props.doi}`"
-    class="pa-0 text-caption font-italic"
-    >({{ article?.author[0]?.family ?? "test" }} et al,
-    {{ article?.year }})</v-chip
-  >
+  (
+  <template v-for="doi, index in dois" :key="doi">
+    <RefArticle :doi="doi"></RefArticle>
+    <span v-if="index < dois.length - 1">, </span>
+  </template>
+  )
 </template>
\ No newline at end of file