Vue 3: props

App.vue

<template>
  <div>
    <p>{{ msg }}</p>
  </div>
</template>

<script>
import { reactive, toRefs } from "vue";

export default {
  props: {
    textFromProps: String
  },
  setup (props) {
    console.log(props)

    const data = reactive({
      msg: `Hello ${props.textFromProps}`
    });

    return {
      ...toRefs(data)
    };
  }
}
</script>