Reparied Cancel Button

pages/contacts/[mode]/[[id]].vue

@@ -54,21 +54,11 @@ const setupPage = async () => {
   if(itemInfo.value) oldItemInfo.value = JSON.parse(JSON.stringify(itemInfo.value))
 }
 
-const cancelEditorCreate = () => {
-  if(itemInfo.value) {
-    router.push(`/contacts/show/${itemInfo.value.id}`)
-  } else {
-    router.push(`/contacts`)
-  }
-
-}
-
 setupPage()
 </script>
 
 <template>
   <UDashboardNavbar
-      :title="itemInfo ? itemInfo.fullName : (mode === 'create' ? 'Ansprechpartner erstellen' : 'Ansprechpartner bearbeiten')"
       :ui="{center: 'flex items-stretch gap-1.5 min-w-0'}"
   >
     <template #left>
@@ -84,7 +74,7 @@ setupPage()
       <h1
           v-if="itemInfo"
           :class="['text-xl','font-medium', ... itemInfo.active ? ['text-primary'] : ['text-rose-500']]"
-      >{{itemInfo ? `Ansprechpartner: ${itemInfo.fullName}` : (mode === 'create' ? 'Ansprechpartner erstellen' : 'Ansprechpartner bearbeiten')}}</h1>
+      >{{itemInfo.id ? `Ansprechpartner: ${itemInfo.fullName}` : (mode === 'create' ? 'Ansprechpartner erstellen' : 'Ansprechpartner bearbeiten')}}</h1>
     </template>
     <template #right>
       <UButton
@@ -100,7 +90,7 @@ setupPage()
         Erstellen
       </UButton>
       <UButton
-          @click="cancelEditorCreate"
+          @click="router.push(itemInfo.id ? `/contacts/show/${itemInfo.value.id}` : `/contacts/`)"
           color="red"
           class="ml-2"
           v-if="mode === 'edit' || mode === 'create'"