diff --git a/src/App.vue b/src/App.vue
deleted file mode 100644
index f64b9c6..0000000
--- a/src/App.vue
+++ /dev/null
@@ -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>
diff --git a/src/app/app.scss b/src/app/app.scss
new file mode 100644
index 0000000..fe34ebc
--- /dev/null
+++ b/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;
+}
diff --git a/src/app/app.ts b/src/app/app.ts
new file mode 100644
index 0000000..bcd850c
--- /dev/null
+++ b/src/app/app.ts
@@ -0,0 +1,9 @@
+import {Component, Vue} from 'vue-property-decorator';
+
+@Component({
+    components: {},
+})
+class App extends Vue
+{
+
+}
diff --git a/src/app/app.vue b/src/app/app.vue
new file mode 100644
index 0000000..1a54b9d
--- /dev/null
+++ b/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>