how to solve problem of number separator in chrome

I'm facing a problem in </v-text-field> at a number's separator, I want it to be dot like in Firefox not a comma like chrome

In FireFox:

In Chrome:

template:

<v-text-field type="number" v-model="number" label="price"></v-text-field>

script

data: () => ({
    number: 498.23
});