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>