fix(*): add question marks before tostring [KHCP-12065] (#2200)

Kong · Jun 3, 2024 · 20566fd · 20566fd
1 parent 36e7030
commit 20566fd
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/KCodeBlock/KCodeBlock.vue b/src/components/KCodeBlock/KCodeBlock.vue
@@ -396,7 +396,7 @@ const matchingLineNumbers = ref<number[]>([])
 const currentLineIndex = ref<null | number>(null)
 
 const totalLines = computed((): number[] => Array.from({ length: props.code?.split('\n').length }, (_, index) => index + 1))
-const maxLineNumberWidth = computed((): string => totalLines.value[totalLines.value.length - 1].toString().length + 'ch')
+const maxLineNumberWidth = computed((): string => totalLines.value[totalLines.value.length - 1]?.toString().length + 'ch')
 const linePrefix = computed((): string => props.id.toLowerCase().replace(/\s+/g, '-'))
 const isProcessing = computed((): boolean => props.processing || isProcessingInternally.value)
 const isShowingFilteredCode = computed((): boolean => isFilterMode.value && filteredCode.value !== '')

diff --git a/src/components/KInput/KInput.vue b/src/components/KInput/KInput.vue
@@ -198,8 +198,8 @@ const charLimitExceededErrorMessage = computed((): string => {
   }
 
   return modelValueChanged.value
-    ? `${currValue.value.toString().length} / ${props.characterLimit}`
-    : `${props.modelValue.toString().length} / ${props.characterLimit}`
+    ? `${currValue.value?.toString().length} / ${props.characterLimit}`
+    : `${props.modelValue?.toString().length} / ${props.characterLimit}`
 })
 
 const helpText = computed((): string => {

diff --git a/src/components/KTextArea/KTextArea.vue b/src/components/KTextArea/KTextArea.vue
@@ -200,7 +200,7 @@ const helpText = computed((): string => {
 
   // if character limit exceeded, return that error message
   if (charLimitExceeded.value) {
-    return `${currValue.value.toString().length} / ${characterLimit}`
+    return `${currValue.value?.toString().length} / ${characterLimit}`
   }
 
   // otherwise return the help text