diff --git a/components/content/ArticleDoi.vue b/components/content/ArticleDoi.vue index 0ddc52a5f5c0e3ddf0410868299015a0b356b969..efcf2c3996d07cd8ed33a3e6ed94b9249e0be9d2 100644 --- a/components/content/ArticleDoi.vue +++ b/components/content/ArticleDoi.vue @@ -1,18 +1,21 @@ <script setup lang="ts"> import { useDisplay } from 'vuetify' -const props = defineProps<{ +export interface Props { index: number doi: string divider: boolean + enumerate: boolean title?: string abstract?: string -}>(); +} +const props = withDefaults(defineProps<Props>(), { + enumerate: true, +}) const { article } = useFetchArticle(props.doi) const { mobile } = useDisplay() const show = ref(false) -console.log(article) const articleTitle = computed(() => { return props?.title ?? article.value?.title ?? props.doi }) const articleAbstract = computed(() => { return props.abstract ?? article.value?.abstract }) @@ -20,7 +23,7 @@ const articleAbstract = computed(() => { return props.abstract ?? article.value? </script> <template> <v-list-item :href="article?.href" :target="article?.target" density="compact" class="px-0"> - <template #prepend v-if="!mobile"> + <template #prepend v-if="!mobile && enumerate"> <v-avatar color="primary" size="small" density="compact" variant="tonal"> {{ props.index }} </v-avatar> @@ -34,7 +37,7 @@ const articleAbstract = computed(() => { return props.abstract ?? article.value? <v-card-item density="compact" :class="mobile ? 'px-0' : null"> <v-card-title><span class="text-subtitle-1 font-weight-bold">{{ articleTitle }}</span></v-card-title> - <v-card-subtitle> {{ article?.subtitle ?? "no subtitle" }}</v-card-subtitle> + <v-card-subtitle> {{ article?.subtitle ?? "no authors" }}</v-card-subtitle> <v-card-subtitle> {{ article?.containerTitle ?? "no containerTitle" }} ({{ article?.year }})</v-card-subtitle> </v-card-item> diff --git a/components/content/ListSystems.vue b/components/content/ListSystems.vue index a43e928f080fda053e684639f3773fb8ea24339b..cd2ff4b55eaa8cf180992f1d7900fc33b3e677d5 100644 --- a/components/content/ListSystems.vue +++ b/components/content/ListSystems.vue @@ -38,7 +38,8 @@ function filterOnlyCapsText(value, query, item) { </template> <template #[`item.article`]="{ item }"> <ArticleDoi v-if="item.columns?.article" :doi="item.columns.article.doi" - :title="item.columns.article?.title" :abstract="item.columns.article?.abstract" :divider="false" /> + :title="item.columns.article?.title" :abstract="item.columns.article?.abstract" :divider="false" + :enumerate="false" /> </template> </v-data-table> </v-card>