diff --git a/components/content/ArticleDoi.vue b/components/content/ArticleDoi.vue
index 629899cd8b2f1330b51a81e748896b3413b1f20b..271556aec9e788ac11bdf1d0debe114434461aac 100644
--- a/components/content/ArticleDoi.vue
+++ b/components/content/ArticleDoi.vue
@@ -27,6 +27,13 @@ onBeforeMount(async () => {
   const { article: articleOnMounted } = await useFetchArticle(props.doi);
   article.value = articleOnMounted.value
 })
+
+
+onMounted(async () => {
+  const { article: articleOnMounted } = await useFetchArticle(props.doi);
+  article.value = articleOnMounted.value
+})
+
 const articleTitle = computed(() => {
   return props?.title ?? article?.value?.title ?? props.doi;
 });
diff --git a/components/content/RefArticle.vue b/components/content/RefArticle.vue
index 97a6704cdbb2910c90e8422cb7535c6a0179278f..ee9181ccb05925b5b1e53c2a7a80c70e9c218e87 100644
--- a/components/content/RefArticle.vue
+++ b/components/content/RefArticle.vue
@@ -14,6 +14,10 @@ onBeforeMount(async () => {
     const { article: articleOnMounted } = await useFetchArticle(props.doi);
     article.value = articleOnMounted.value
 })
+onMounted(async () => {
+    const { article: articleOnMounted } = await useFetchArticle(props.doi);
+    article.value = articleOnMounted.value
+})
 </script>
 <template>
     <!-- <v-chip v-if="article" variant="text" :href="`#ref-${props.doi}`" class="pa-0 font-italic">{{