From 5838041498928e06eab695dcaadf60293b16a4d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Katharina=20W=C3=BCnsche?= <katharina_wunsche@yahoo.de>
Date: Tue, 23 Jul 2024 13:58:59 +0200
Subject: [PATCH] Conditional rows in person base data

---
 pages/detail/person/[id].vue | 35 +++++++++++++++++++----------------
 1 file changed, 19 insertions(+), 16 deletions(-)

diff --git a/pages/detail/person/[id].vue b/pages/detail/person/[id].vue
index b420479..b7a08f0 100644
--- a/pages/detail/person/[id].vue
+++ b/pages/detail/person/[id].vue
@@ -128,22 +128,25 @@ const needsFamilyTree = computed(() => {
 			<div class="col-span-2 my-2 border-t"></div>
 			<span>{{ t("Pages.searchviews.person.gender") }}:</span>
 			<span>{{ data.entity.data?.gender }}</span>
-			<div class="col-span-2 my-2 border-t"></div>
-			<span>{{ t("Pages.searchviews.person.alternative_names") }}:</span>
-			<span>{{ data.entity.data?.alternative_label }}</span>
-			<div v-if="sameAs.length > 0" class="col-span-2 my-2 border-t"></div>
-			<span v-if="sameAs.length > 0">{{ t("Pages.searchviews.person.same_as") }}:</span>
-			<span>
-				<NuxtLink
-					v-for="person in sameAs"
-					:key="person.id"
-					:to="localePath(`/detail/person/${person.id}`)"
-					class="-ml-1 -mt-1 block p-1 hover:bg-primary-50 active:bg-primary-50 dark:hover:bg-primary-950 dark:active:bg-primary-950"
-				>
-					{{ person.name }}
-				</NuxtLink>
-			</span>
-
+			<template v-if="data.entity.data?.alternative_label">
+				<div class="col-span-2 my-2 border-t"></div>
+				<span>{{ t("Pages.searchviews.person.alternative_names") }}:</span>
+				<span>{{ data.entity.data?.alternative_label }}</span>
+			</template>
+			<template v-if="sameAs.length > 0">
+				<div class="col-span-2 my-2 border-t"></div>
+				<span>{{ t("Pages.searchviews.person.same_as") }}:</span>
+				<span>
+					<NuxtLink
+						v-for="person in sameAs"
+						:key="person.id"
+						:to="localePath(`/detail/person/${person.id}`)"
+						class="-ml-1 -mt-1 block p-1 hover:bg-primary-50 active:bg-primary-50 dark:hover:bg-primary-950 dark:active:bg-primary-950"
+					>
+						{{ person.name }}
+					</NuxtLink>
+				</span>
+			</template>
 			<FamilyTree
 				v-if="!data.relations.isLoading && needsFamilyTree"
 				:relations="data.relations.data?.person"