Refactor code to use optional chaining for accessing nested properties

Author: tacxou

src/components/jsonFormRendererApi.vue

@@ -92,7 +92,6 @@ const { data: resultUi, pending: pendingUi, error: errorUi, refresh: refreshUi }
 
 const schema = ref(result.value.data);
 const uischema = ref(resultUi.value.data);
-
 </script>
 
 <style>

src/pages/identities/index.vue

@@ -128,35 +128,35 @@ const columns = ref<QTableProps['columns']>([
   {
     name: 'inetOrgPerson.uid',
     label: 'ID',
-    field: (row: Identity) => row.inetOrgPerson.uid,
+    field: (row: Identity) => row?.inetOrgPerson?.uid,
     align: 'left',
     sortable: true,
   },
   {
     name: 'inetOrgPerson.employeeNumber',
     label: 'EmployeeNumber',
-    field: (row: Identity) => row.inetOrgPerson.employeeNumber,
+    field: (row: Identity) => row?.inetOrgPerson?.employeeNumber,
     align: 'left',
     sortable: true,
   },
   {
     name: 'additionalFields.attributes.supannPerson.supannTypeEntiteAffectation',
     label: 'Affectation',
-    field: (row: Identity) => row.additionalFields?.attributes.supannPerson.supannTypeEntiteAffectation,
+    field: (row: Identity) => row.additionalFields?.attributes?.supannPerson?.supannTypeEntiteAffectation,
     align: 'left',
     sortable: true,
   },
   {
     name: 'inetOrgPerson.cn',
     label: 'Nom',
-    field: (row: Identity) => row.inetOrgPerson.cn,
+    field: (row: Identity) => row?.inetOrgPerson?.cn,
     align: 'left',
     sortable: true,
   },
   {
     name: 'inetOrgPerson.givenName',
     label: 'Prénom',
-    field: (row: Identity) => row.inetOrgPerson.givenName,
+    field: (row: Identity) => row?.inetOrgPerson?.givenName,
     align: 'left',
     sortable: false,
   },