diff --git a/src/app/app.vue b/src/app/app.vue
deleted file mode 100644
index 1a54b9d..0000000
--- a/src/app/app.vue
+++ /dev/null
@@ -1,8 +0,0 @@
-<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>
diff --git a/src/app/app.scss b/src/components/app/app.scss
similarity index 100%
rename from src/app/app.scss
rename to src/components/app/app.scss
diff --git a/src/app/app.ts b/src/components/app/app.ts
similarity index 72%
rename from src/app/app.ts
rename to src/components/app/app.ts
index bcd850c..59dc114 100644
--- a/src/app/app.ts
+++ b/src/components/app/app.ts
@@ -3,7 +3,6 @@ import {Component, Vue} from 'vue-property-decorator';
 @Component({
     components: {},
 })
-class App extends Vue
+export default class App extends Vue
 {
-
 }
diff --git a/src/components/app/app.vue b/src/components/app/app.vue
new file mode 100644
index 0000000..6e8062d
--- /dev/null
+++ b/src/components/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>
diff --git a/src/main.ts b/src/main.ts
index 6a8cf0a..8618826 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,5 +1,5 @@
 import Vue from 'vue';
-import App from './app/app.vue';
+import App from './components/app/app.vue';
 
 Vue.config.productionTip = false;