Refactor code to use optional chaining for accessing nested properties

Author: tacxou

src/components/identityForm/index.vue

@@ -76,7 +76,7 @@ async function submit() {
   });
   if (error.value) {
     console.log('error', error.value.data.validations)
-    validations.value = error.value.data.validations
+    validations.value = { ...error.value.data.validations }
     // error.value = error.value.cause.response._data
     handleError({
       error: error.value,
@@ -90,7 +90,7 @@ async function submit() {
       position: 'top-right',
       icon: 'mdi-check-circle-outline',
     })
-    emits('refreshTarget', result.value.data)
+    emits('refreshTarget', { ...result.value.data })
   }
 }
 

src/components/searchfilters/index.vue

@@ -83,7 +83,7 @@ const getAllPrefixAndSuffixPattern = computed(() => {
 const optionsRegrouped = (): { name: string; label: { label: string; value: string }[]; type: string }[] => {
   // Initialize an empty object to store the results
   const result: { [key: string]: { label: string; value: string }[] } = {}
-  const options = mainData.value?.rightSelect.options ?? []
+  const options = mainData.value?.rightSelect?.options ?? []
   for (const item of options) {
     if (!item.header && item.group) {
       if (!result[item.group]) {
@@ -166,7 +166,7 @@ const extractComparator = (
   comparator: string
   field: string
 } | null => {
-  const match = key.match(/^(\=|\?|\#|\!|\>|\<|\^|\@)+/)
+  const match = key.match(/^(\:|\?|\#|\!|\>|\<|\^|\@)+/)
   if (!match) return null
   const comparator = match[0]
   const field = key.replace(comparator, '')