useFetch -> server :false

components/content/ArticleDoi.vue

@@ -22,7 +22,6 @@ const articleAbstract = computed(() => { return props.abstract ?? article.value?
 
 </script>
 <template>
-    <ClientOnly>
     <v-list-item :href="article?.href" :target="article?.target" density="compact" class="px-1">
         <template #prepend v-if="!mobile && enumerate">
             <v-avatar color="primary" size="small" density="compact" variant="tonal">
@@ -58,5 +57,4 @@ const articleAbstract = computed(() => { return props.abstract ?? article.value?
         </v-card>
     </v-list-item>
     <v-divider v-if="props.divider" inset></v-divider>
-    </ClientOnly>
 </template>
\ No newline at end of file

composables/useFetchArticle.ts

@@ -42,6 +42,7 @@ export function useFetchArticle(doi: string) {
         console.log("dans watch effect")
         article.value = null
         const { data, pending: pendingUseFetch, error, refresh } = await useFetch<RawArticle>(toValue(url), {
+            lazy: true, server: false,
         })
         console.log(data)
         if (data.value?.message) {