[M] Move app to app directory and separate the files

src/App.vue

@@ -1,29 +0,0 @@
-<template>
-  <div id="app">
-    <img alt="Vue logo" src="./assets/logo.png">
-    <HelloWorld msg="Welcome to Your Vue.js + TypeScript App"/>
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Vue } from 'vue-property-decorator';
-import HelloWorld from './components/HelloWorld.vue';
-
-@Component({
-  components: {
-    HelloWorld,
-  },
-})
-export default class App extends Vue {}
-</script>
-
-<style lang="scss">
-#app {
-  font-family: 'Avenir', Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-  margin-top: 60px;
-}
-</style>

src/app/app.scss

@@ -0,0 +1,9 @@
+#app
+{
+  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}

src/app/app.ts

@@ -0,0 +1,9 @@
+import {Component, Vue} from 'vue-property-decorator';
+
+@Component({
+    components: {},
+})
+class App extends Vue
+{
+
+}

src/app/app.vue

@@ -0,0 +1,8 @@
+<template>
+  <div id="app">
+    <img alt="Vue logo" src="../assets/logo.png">
+  </div>
+</template>
+
+<script src="./app.ts" lang="ts"></script>
+<style src="./app.scss" lang="scss"></style>