Resolve "Wizzard to create db filters"

Closes #323 (closed)

components/content/ArticleDoi.vue

 <script setup lang="ts">
 import { useDisplay } from "vuetify";
+import { useArticlesStore } from '@/stores/articles'
 
 export interface Props {
   index?: number;
@@ -14,10 +15,27 @@ const props = withDefaults(defineProps<Props>(), {
   enumerate: true,
   divider: false,
 });
+
+
+// onBeforeMount(async () => {
+//   await useArticlesStore().initialize()
+// })
+
 const { article } = useFetchArticle(props.doi);
 const { mobile } = useDisplay();
 const show = ref(false);
 
+// const computedArticle = computed(() => { return { ...article.value } })
+
+
+// watch(article, (newArticle) => {
+//   console.log("article updated")
+// }, { deep: true })
+
+
+console.log("aritcle dans composant")
+console.log(article)
+
 const articleTitle = computed(() => {
   return props?.title ?? article?.value?.title ?? props.doi;
 });
@@ -26,8 +44,8 @@ const articleAbstract = computed(() => {
 });
 </script>
 <template>
-  <v-list-item :href="article?.href" :id="props.doi" :target="article?.target" density="compact" color="transparent"
-    class="px-1">
+  <v-list-item :href="article?.href" :id="props.doi" :target="article?.target" density="compact"
+    color="transparent" class="px-1">
     <template #prepend v-if="!mobile && enumerate">
       <v-avatar color="primary" size="small" density="compact" variant="tonal">
         {{ props?.index ?? "#" }}