work on planner templates in progress

web/vue/src/components/Heading.vue

@@ -0,0 +1,16 @@
+<template>
+    <h1 class="title">{{ msg }}</h1>
+</template>
+
+<script>
+export default {
+  name: 'HelloWorld',
+  props: {
+    msg: String
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped>
+</style>