// runtime declaration:

const props = defineProps({
  foo: { type: String, required: true },
  bar: { Type: Number, default: 0 },
});

// type-based declaration:

const props = withDefaults(defineProps<{
  foo: string
  bar?: number
}>(), {
  bar: 0,
});

type Variant = "default" | "primary" | "secondary"
 
const props = defineProps({
  variant: { 
    type: String as PropType<Variant>, 
    default: <Variant> "default" 
  }
})