DefineEmits and DefineProps compiler macros with default values in TypeScript
This is how we:
a. use the defineEmits() and defineProps() compiler macros with Composition API's Script Setup and TypeScript
b. pass default values to our component's props
```
<script setup>
const props = withDefaults(
  defineProps<{
    message: string, 
    isActive: boolean
  }>(), 
  {
    message: 'Default message', 
    isActive: false
  }
);
const emit = defineEmits<{
  (e: "customEventName", payload?: object) : void
}>();
</script>
```
Rares Raulea
14 Mar 2022
« Back to post