fix: error not assignable to type 'StyleValue' in UiTextarea (#497)

infermedica · May 27, 2024 · 8251bc3 · 8251bc3
1 parent 2041f86
commit 8251bc3
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 14 deletions.
diff --git a/package.json b/package.json
@@ -106,7 +106,7 @@
     "vitest": "^0.34.1",
     "vue-docgen-api": "^4.75.0",
     "vue-loader": "^17.0.0",
-    "vue-tsc": "^1.8.22"
+    "vue-tsc": "^2.0.19"
   },
   "engines": {
     "node": ">=16.13.2",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/atoms/UiTextarea/UiTextarea.vue b/src/components/atoms/UiTextarea/UiTextarea.vue
@@ -77,9 +77,9 @@ export interface TextareaEmits {
   (e:'update:modelValue', value: TextareaModelValue): void
 }
 export interface Size {
-  width: string | null;
-  height: string | null;
-  minHeight: string | null;
+  width: string;
+  height: string;
+  minHeight: string;
 }
 
 const props = withDefaults(defineProps<TextareaProps>(), {
@@ -119,9 +119,9 @@ const resizeValue = computed(() => {
 });
 const textarea = ref<HTMLTextAreaElement | null>(null);
 const textareaSize:Size = reactive({
-  width: null,
-  height: null,
-  minHeight: null,
+  width: '',
+  height: '',
+  minHeight: '',
 });
 
 const textareaMargin = '2px';
@@ -134,7 +134,7 @@ const setTextareaSize = (mutationList: MutationRecord[]) => {
 
   const calcHeightPx = Number(height.replace('px', ''));
   const calcMinHeightPx = Number(minHeight.replace('px', '')) + (2 * Number(textareaMargin.replace('px', '')));
-  const calcHeight = calcHeightPx > calcMinHeightPx ? null : `${calcMinHeightPx}px`;
+  const calcHeight = calcHeightPx > calcMinHeightPx ? '' : `${calcMinHeightPx}px`;
 
   textareaSize.width = width;
   textareaSize.height = calcHeight;