To format normal input using getter and setter in model with computed function

VueJS - Input Number Formatter

<script setup>
import { ref, computed } from 'vue'

const state = ref(20000);
const model = computed({
  get(){
    return state.value.toLocaleString();
  },
  set(v){
    state.value = !v ? 0: parseInt(v.replace(/,/g,''));
  }
})
</script>

<template>
  <h1>{{ state.toLocaleString() }}</h1>
  <input v-model="model" />
</template>