Pure TypeScript props declaration for the Options API, like we have defineProps() for the Composition API? about rfcs HOT 4 CLOSED

I have been very confused why such a lot of separation from the core language (javascript or typescript) has taken place with SFC transpilation and script setup yet there's no signature like the one sketched below which eliminates the PropTypes betrayal and the defineProps transpiler macro hacks altogether.

In this trivial draft, the props type is defined through function Parameters, and the data type through function ReturnType. What's not to like?

<script type="ts">
interface MyProps{
  hello:string
}

export default defineSetup((props:{hello:string}) => {
  return {
    message: computed(() => props.hello === 'world' ? 'Party time, Excellent.' : 'Sad Keanu')
  }
})
</script>

If Vue has Functional Component envy this is how you get it.

from rfcs.

I would love to have pure TypeScript props declaration in Options API, since I do really like the Options API more than the composition API. Also I tried to solve it with the setup block in the Options API, but I could not define the props there either.

from rfcs.

Promote: https://github.com/so1ve/unplugin-vue-tsx-auto-props may solve some problem

from rfcs.

Is there any progress?

from rfcs.