Reactive defineProps Destructuring and withDefaults Deprecation in Vue 3

Making defineProps destructuring reactive & deprecating withDefaults — a PR for this has been merged!
Vue 3.3 looks like it will support this!

<script setup lang="ts">
const { foo = 1, bar = 'ok' } = defineProps<{ foo?: number, bar?: string }>()
</script>

https://github.com/vuejs/core/pull/7986

Until now, there have been issues where destructuring defineProps leads to a loss of reactivity, or the declaration of default values becomes redundant when using type declarations. This seems like it will be resolved!

export interface Props {
  msg?: string
  labels?: string[]
}

const props = withDefaults(defineProps<Props>(), {
  msg: 'hello',
  labels: () => ['one', 'two']
})