Old style vue props

props.vue

<script setup lang="ts">
// inferred type from `String`
const props = defineProps({
  foo: String
})

// specific type
const props = defineProps({
  foo: String as PropType<'foo' | 'bar'>
})

// with defaults
const props = defineProps({
  foo: {
    type: String as PropType<'foo' | 'bar'>,
    default: 'bar'
  }
})

// required
const props = defineProps({
  foo: {
    type: String as PropType<'foo' | 'bar'>,
    required: true
  }
})
</script>