From 2e07a32bb00ab1c905962caf1010c0f4e92e0ae4 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Wed, 28 Sep 2022 13:28:47 +0200
Subject: [PATCH] chore(nc-gui): cleanup text area cell

---
 packages/nc-gui/components/cell/TextArea.vue | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/packages/nc-gui/components/cell/TextArea.vue b/packages/nc-gui/components/cell/TextArea.vue
index 839e55b3be..1dd4b864b8 100644
--- a/packages/nc-gui/components/cell/TextArea.vue
+++ b/packages/nc-gui/components/cell/TextArea.vue
@@ -1,21 +1,16 @@
 <script setup lang="ts">
 import type { VNodeRef } from '@vue/runtime-core'
-import { EditModeInj, computed, inject } from '#imports'
+import { EditModeInj, inject, useVModel } from '#imports'
 
-interface Props {
+const props = defineProps<{
   modelValue?: string | null
-}
-
-const { modelValue } = defineProps<Props>()
+}>()
 
 const emits = defineEmits(['update:modelValue'])
 
 const editEnabled = inject(EditModeInj)
 
-const vModel = computed({
-  get: () => modelValue ?? '',
-  set: (value) => emits('update:modelValue', value),
-})
+const vModel = useVModel(props, 'modelValue', emits, { defaultValue: '' })
 
 const focus: VNodeRef = (el) => (el as HTMLTextAreaElement)?.focus()
 </script>