Vue.js w/TypeScript

index.html

<div id="app">
    <h1>{{ header }}</h1>
    <p>Feel free to edit theeeee HTML, JavaScript and CSS in this playground. The preview will update in real-time, so that
        you can visually explore your ideas.</p>
    <button @click="sayHi">Saysssssss Hi! <span class="fa fa-heart" /></button>
</div>

playground.json

{
  "scripts": [
    "vue"
  ],
  "styles": []
}

script.ts

const header: string = "Hi, I'm GistPad 👋";

new Vue({
    el: "#app",
    data: {
        header
    },
    methods: {
        sayHi() {
            alert("Hi wow!!!!!!");
        }
    }
});

style.css

body {
    background-color: rgb(255, 170, 204);
}