<div id="app">
  <p><strong>Method:</strong> {{ now() }}</p>
  <p><strong>Computed Property:</strong> {{ then }}</p>
  <button @click="update">Update</button>
</div>

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

const app = Vue.createApp({
  methods: {
    now: function () {
      const date = new Date();
      return date.toLocaleString()
    },
    update: function () {
      this.$forceUpdate();
    }
  },
  computed: {
    then: function () {
      const date = new Date();
      return date.toLocaleString()
    }
  }
})

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