From 5158fe6f423d3e099e5dbc491cbd0b55d8605d0e Mon Sep 17 00:00:00 2001
From: MrCoder <eagle.xiao@gmail.com>
Date: Fri, 8 Nov 2024 16:03:50 +1100
Subject: [PATCH] Fixed an issue when label Text is null.

To reproduce this:
1. type `a=b`
2. add `if` in front of the above line.
---
 .../DiagramFrame/SeqDiagram/MessageLayer/MessageLabel.vue    | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/DiagramFrame/SeqDiagram/MessageLayer/MessageLabel.vue b/src/components/DiagramFrame/SeqDiagram/MessageLayer/MessageLabel.vue
index 6f640493..037516c1 100644
--- a/src/components/DiagramFrame/SeqDiagram/MessageLayer/MessageLabel.vue
+++ b/src/components/DiagramFrame/SeqDiagram/MessageLayer/MessageLabel.vue
@@ -11,7 +11,7 @@
     @keyup="handleKeyup"
     @keydown="handleKeydown"
   >
-    {{ fomattedLabelText }}
+    {{ formattedLabelText }}
   </label>
 </template>
 <script setup lang="ts">
@@ -29,6 +29,7 @@ const props = withDefaults(
     isSelf?: boolean;
   }>(),
   {
+    labelText: "",
     isAsync: false,
     isSelf: false,
   },
@@ -41,7 +42,7 @@ const code = computed(() => store.getters.code);
 const onContentChange = computed(
   () => store.getters.onContentChange || (() => {}),
 );
-const fomattedLabelText = computed(() => formatText(labelText.value));
+const formattedLabelText = computed(() => formatText(labelText.value));
 
 function updateCode(code: string) {
   store.dispatch("updateCode", { code });