From 30006b93fc7f138b6dade3bba8f4b6ff5ef71b02 Mon Sep 17 00:00:00 2001
From: Muhammed Mustafa <mustafa010199@gmail.com>
Date: Mon, 1 Aug 2022 22:17:19 +0530
Subject: [PATCH] fix/gui-v2-phonenumber-integrated-vmodel

---
 .../nc-gui-v2/components/cell/PhoneNumber.vue   | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/packages/nc-gui-v2/components/cell/PhoneNumber.vue b/packages/nc-gui-v2/components/cell/PhoneNumber.vue
index 3aa0a67a10..b47c56ffcf 100644
--- a/packages/nc-gui-v2/components/cell/PhoneNumber.vue
+++ b/packages/nc-gui-v2/components/cell/PhoneNumber.vue
@@ -1,23 +1,24 @@
 <script setup lang="ts">
 import Text from './Text.vue'
-import { computed } from '#imports'
 
 interface Props {
   modelValue: any
 }
 
-const { modelValue: value } = defineProps<Props>()
+interface Emits {
+  (event: 'update:modelValue', model: number): void
+}
+
+const props = defineProps<Props>()
+
+const emits = defineEmits<Emits>()
 
-const emit = defineEmits(['update:modelValue'])
+const vModel = useVModel(props, 'modelValue', emits)
 
-const VModal = computed({
-  get: () => value,
-  set: (val) => emit('update:modelValue', val),
-})
 </script>
 
 <template>
-  <Text v-model="VModal" />
+  <Text v-model="vModel" />
 </template>
 
 <style scoped></style>