Add example vue component

src/App.vue

@@ -1,9 +1,18 @@
 <template>
-<div class="full-width center-content">
-<h1>Hello World wWohoo!</h1>
-</div>
+  <div class="full-width center-content">
+    <hello-component name="World" />
+  </div>
 </template>
 
+<script>
+import HelloComponent from './components/HelloComponent.vue'
+export default {
+  components: {
+    HelloComponent
+  }
+}
+</script>
+
 <style scoped>
 .full-width {
     width: 100%;
@@ -14,4 +23,3 @@
     align-items: center;
 }
 </style>
-

src/components/HelloComponent.vue

@@ -0,0 +1,16 @@
+<template>
+  <h1>Hello {{ name }}!</h1>
+</template>
+<script>
+export default {
+  props: {
+    name: {
+      type: String,
+      required: true
+    }
+  }
+}
+</script>
+<style scoped>
+h1 { color: red; }
+</style>