Как получить доступ к свойствам данных приложения в Vue 3

const { createApp, ref, toRef } = Vue;

const App = { 
  data() {
    return {
      title: 'My App'
    }
  }
}

const app = createApp(App)
console.info(`app.title: ${app.title}`) // --> undefined
const vm = app.mount('#app')
console.info(`vm.title: ${vm.title}`) // --> My App

// Be careful with destructing your data, it could lose the reactivity.
console.info('-- Reactivity is lost ---') 
var { title } = vm;
console.info(`title: ${title}`) 
title = 'My new Title'
console.info("title = 'My new Title'") 
console.info(`title: ${title}`) // --> 'My new Title'
console.info(`vm.title: ${vm.title}`) // --> My App

// Be careful with destructing your data, it could lose the reactivity.
console.info('--- Reactivity works ---') 
const title2 = toRef(vm, 'title');
console.info(`title2.value: ${title2.value}`) // --> My App
title2.value = 'My new Title 2'
console.info("title2.value = 'My new Title 2'") 
console.info(`title2.value: ${title2.value}`) // --> My new Title 2
console.info(`vm.title: ${vm.title}`) // --> 'My new Title 2'

#app { line-height: 2; }
[v-cloak] { display: none; }

<div id = "app" v-cloak>
{{title}}
</div>

<!-- include VueJS first -->
<script src = "https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>