From 9c16e48c787fbc8548d31771d2ff88ec183cc222 Mon Sep 17 00:00:00 2001
From: Morris Swertz <m.a.swertz@rug.nl>
Date: Tue, 15 Oct 2024 13:43:32 +0200
Subject: [PATCH] fix(catalogue): sort of people involved has side effects
 (#4361)

---
 .../[catalogue]/[resourceType]/[resource]/index.vue         | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/nuxt3-ssr/pages/[schema]/ssr-catalogue/[catalogue]/[resourceType]/[resource]/index.vue b/apps/nuxt3-ssr/pages/[schema]/ssr-catalogue/[catalogue]/[resourceType]/[resource]/index.vue
index ad94194fc4..157cfee2cd 100644
--- a/apps/nuxt3-ssr/pages/[schema]/ssr-catalogue/[catalogue]/[resourceType]/[resource]/index.vue
+++ b/apps/nuxt3-ssr/pages/[schema]/ssr-catalogue/[catalogue]/[resourceType]/[resource]/index.vue
@@ -287,7 +287,7 @@ const tocItems = computed(() => {
       id: "Organisations",
     });
   }
-  if (peopleInvolvedSortedByRoleAndName.value) {
+  if (peopleInvolvedSortedByRoleAndName.value.length > 0) {
     tableOffContents.push({
       label: "Contributors",
       id: "Contributors",
@@ -509,7 +509,7 @@ if (route.params.catalogue) {
 }
 
 const peopleInvolvedSortedByRoleAndName = computed(() =>
-  resource.value.peopleInvolved?.sort((a, b) => {
+  [...(resource.value.peopleInvolved ?? [])].sort((a, b) => {
     const minimumOrderOfRolesA = a.role?.length
       ? Math.min(...a.role?.map((role) => role.order ?? Infinity))
       : Infinity;
@@ -599,7 +599,7 @@ const showPopulation = computed(
         ></ContentBlockOrganisations>
 
         <ContentBlockContact
-          v-if="peopleInvolvedSortedByRoleAndName"
+          v-if="peopleInvolvedSortedByRoleAndName.length > 0"
           id="Contributors"
           title="Contributors"
           :contributors="peopleInvolvedSortedByRoleAndName"