I am usig type-based props declarations in my vue3 project , but I want to introduce this feature , do you have any good idea

[air-wind]

I declare props like this

const props = defineProps<{
  foo: string
}>()

The only way I can think of is to change it to something like this

const props = defineProps({
  foo: {
      type: String as PropTyep<string>,
      coerce: ()=>{}
    }
})

But this doesn't fit tyepscript well