Ref.vue

<script setup lang="ts">
export interface Props {
  doi: string;
}
const props = withDefaults(defineProps<Props>(), {});
const dois = computed(() => {
  return props.doi.split(',').map((d) => d.trim()).filter(d => d !== "")
})



</script>
<template>
  (<template v-for="doi, index in dois" :key="doi">
    <RefArticle :doi="doi"></RefArticle>
    <span v-if="index < dois.length - 1">, </span>
  </template>)
</template>