Using destructed prop inside function with satisfies throws not defined error

[minht11]

Vue version

3.5.10

Link to minimal reproduction

https://play.vuejs.org/#__PROD__eNp9kk1r3DAQhv/KoEs2YOyGtBfXu7QNKbSHNrSlJ0NQtGOvElkS+nAWFv/3jOTdzSaE3Ox5Z14987FjX60tx4isZk3AwSoecNVqgOa7MVCPXEVctuyiZVBRvKlOkujXCydtAI8hWorIwRoXYAcOuwIeeRCbAoQZbAy4hgk6ZwZoGb3Xss/H9PTSXikr+kk8WW+q2Z+cWcGCF0Z3si/vvdHEu0uYLUv2UqH7bYM02reshqwkjStlHn/mWHARi0NcbFA8vBG/99sUa9mNQ49uJIyjFrjrMczy9d9fuKXvoziYdVSU/Y74B71RMTHOad+iXhP2SV6m/ZFnInX/z19vA2p/aCqBpswp5+chXr3T+jPuZfkx17V6oinu55v2fbo8UFz3tOhALnm1NGufNpkvgFa3hDV2UuONM9Y3+3gNOg536GBaLc6fq7hIPFSSaTY8N1rD4hyWqwNhyjQKS2X6xdn//Ij09VkxG5PZTAyeB+k7iZ5YXjmNRtJRvTgT+nl5xXcxBEL5IpQUD9TfjFbunXKvieYqybmgmite3zpN7nZEl7ZBo7ssP5UXH9j0BFrOFFg=

Steps to reproduce

Have code like this:

<script setup lang="ts">

const { value } = defineProps<{ value: number }>()

const action = {
  handler: () => {
    console.log('Value is:', value)
  }
} satisfies { handler: () => void }
</script>

<template>
  <button @click="action.handler">
    Click
  </button>
</template>

Click button. See error.

What is expected?

Value prop should be accessible even when used with satisfies { handler: () => void }

What is actually happening?

Errro

System Info

n/a

Any additional comments?

No response