styling, restructure

src/App.vue

@@ -1,34 +1,15 @@
 <template>
   <div id="app">
-    <p
-      id="build-info"
-      v-text="version"
-    />
+    <Style />
     <router-view />
   </div>
 </template>
 
 <script>
-import version from '../version';
+import Style from './Style.vue';
 
-export default {
-  data () {
-    return { version: `build: ${version}` };
-  }
-};
+export default { components: { Style } };
 </script>
 
-<style>
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-}
-
-#build-info {
-  font-size: 10pt;
-  text-align: left;
-}
+<style scoped>
 </style>