first commit from template

src/App.vue

@@ -0,0 +1,13 @@
+<template>
+  <div class="container center-content">
+    <RouterView />
+  </div>
+</template>
+
+<style lang="stylus" scoped>
+
+.container
+  font-family 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
+  max-width 1200px
+
+</style>

src/components/Home/WelcomeMessage.vue

@@ -0,0 +1,16 @@
+<template>
+  <div>
+    <h3>Hello {{ name }} from my Vue.js page, built with Webpack 4!</h3>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    name: {
+      type: String,
+      required: true
+    }
+  }
+}
+</script>

src/index.js

@@ -0,0 +1,10 @@
+import Vue from 'vue'
+import router from './router'
+import App from './App'
+
+import 'assets/css/app.styl'
+
+new Vue({
+  router,
+  render: h => h(App)
+}).$mount('#app')

src/pages/Home.vue

@@ -0,0 +1,16 @@
+<template>
+  <div class="full-width center-content">
+    <img src="static/img/logo.png">
+    <WelcomeMessage name="GDP" />
+  </div>
+</template>
+
+<script>
+import WelcomeMessage from 'components/Home/WelcomeMessage'
+
+export default {
+  components: {
+    WelcomeMessage
+  }
+}
+</script>

src/router/index.js

@@ -0,0 +1,17 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+
+import Home from 'pages/Home'
+
+Vue.use(Router)
+
+const routes = [
+  {
+    path: '*',
+    component: Home
+  }
+]
+
+export default new Router({
+  routes
+})