Add Vue

src/frontend/App.vue

@@ -0,0 +1,13 @@
+<template>
+    <div>
+        <h1>Hmm...</h1>
+        <p> There's a message: {{ message }}.</p>
+    </div>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+export default Vue.extend({
+    props: ["message"]
+});
+</script>

src/frontend/index.ts

@@ -1,3 +1,16 @@
-import { noise } from "./noise";
+import Vue from "vue";
+import App from "./App.vue";
 
-window.onload = noise;
+export const app = new Vue({
+  components: {
+    App
+  },
+  el: "#body",
+  render(createElement) {
+    return createElement(App, {
+      props: {
+        message: "blab"
+      }
+    });
+  }
+});

src/frontend/noise.ts

@@ -1,3 +0,0 @@
-export const noise = () => {
-  alert("Hello!");
-};

src/frontend/tslint.json

@@ -0,0 +1,6 @@
+{
+    "extends": "../../tslint.json",
+    "rules": {
+        "no-implicit-dependencies": [true, "dev"]
+    }
+}

src/frontend/vue-shim.d.ts

@@ -0,0 +1,4 @@
+declare module "*.vue" {
+  import Vue from "vue";
+  export default Vue;
+}