Resolve "Design of the structure section in a system's page"

Ref #137 (closed)

components/content/ArticleDoi.vue

@@ -23,14 +23,10 @@ const article = ref<WikiArticle | undefined>(undefined)
 const { mobile } = useDisplay();
 const show = ref(false);
 
-onBeforeMount(async () => {
-  const { article: articleOnMounted } = await useFetchArticle(props.doi);
-  article.value = articleOnMounted.value
-})
 
 
-onMounted(async () => {
-  const { article: articleOnMounted } = await useFetchArticle(props.doi);
+onMounted(() => {
+  const { article: articleOnMounted } = useFetchArticle(props.doi);
   article.value = articleOnMounted.value
 })
 
@@ -60,8 +56,8 @@ const articleAbstract = computed(() => {
           {{ article?.subtitle ?? "no authors" }}</v-card-subtitle>
         <v-card-subtitle class="py-0">
           {{ article?.containerTitle ?? "no containerTitle" }} ({{
-            article?.year
-          }})</v-card-subtitle>
+    article?.year ?? "N/A"
+  }})</v-card-subtitle>
       </v-card-item>
       <v-card-item class="pa-0">
         <v-expand-transition>