<div id="app">
  <p>Original message: "{{ message }}"</p>
  <p>Computed reversed message: "{{ reversedMessage }}"</p>
</div>

html, body {
  display: grid;
  justify-content: center;
  align-content: center;
  
  height: 100%;
  width: 100%;
}

const app = Vue.createApp({
  data: function () {
    return {
      message: 'Hello'
    }
  },
  computed: {
    reversedMessage: function () {
      return this.message.split('').reverse().join('')
    }
  }
})

const vm = app.mount('#app')