Vue better <input type="number"> behavior

InputNumber.vue

<!--
  Vue sets an empty number input to '' by default, because that's
  what browsers do. However, me no likey.
  Read on here: https://github.com/vuejs/vue/issues/4742
-->

<template>
  <input
    v-model="model"
    type="number"
  >
</template>

<script setup lang="ts">
  const modelValue = defineModel<number | null>({ required: true });

  const model = computed({
    get: () => modelValue.value,
    set: (value: number | '') => {
      modelValue.value = value === '' ? null : value;
    },
  });
</script>