defineProp macro

[localusercamp]

Wouldn't it be nice to have defineProp() macro in vue?
Like defineModel() but for simple props...
I think that will allow more granular (composition-like) props definition in components.

<script setup lang="ts">
const label = defineProp<string>('label');

const options = defineProp<Option[]>('options', {
  validator: (value) => value.length > 0,
});

const type = defineProp<'A' | 'B' | 'C'>('type', {
  default: 'A',
  validator: (value) => ['A', 'B', 'C'].includes(value), 
});
</script>

[Yordan-Ramchev]

@localusercamp It is in experimental state

Stability: experimental

Reference: https://vue-macros.dev/macros/define-prop.html