Проблемы новичка vue
Пытаюсь воспроизвести код из документации 
vue в своем редакторе кода
const EventHandling = {
data() {
return {
message: 'Привет, Vue.js!'
}
},
methods: {
reverseMessage() {
this.message = this.message
.split('')
.reverse()
.join('')
}
}
}
Vue.createApp(EventHandling).mount('#event-handling')<div id="event-handling">
<p>{{ message }}</p>
<button v-on:click="reverseMessage">Перевернуть сообщение</button>
</div>Однако данный код работает только в CodePen. Опечаток быть не должно, по итогу я просто копировал код с сайта. Подскажите что я делаю не так?