diff --git a/public/home.js b/public/home.js
index 58fc1b3..319ed35 100644
--- a/public/home.js
+++ b/public/home.js
@@ -1,5 +1,5 @@
-const ('Home', {
-    template: ` <div id="message-list" v-for="(msg, index) in               messages" :key="msg.id" :subject="msg.subject"               :message="msg.message" :tag="msg.tag"                       :user="msg.user">
+Vue.component('Home', {
+    template: `<div id="message-list">
                 <div class="om-card card">
                 <h6 class="msg-head">
                 <b>{{ subject }}</b>
@@ -10,7 +10,7 @@ const ('Home', {
                 <div class="om-user-line">
                 <i class="material-icons">account_circle</i>
                 Erstellt von {{ user }}
-                </div></div>`,
+                </div></div></div>`,
     props: ['subject', 'message', 'tag', 'user']
 })
 
diff --git a/public/index.html b/public/index.html
index d462cae..a5841c5 100644
--- a/public/index.html
+++ b/public/index.html
@@ -30,20 +30,18 @@
 
 <body>
     <div id="app">
-	<div class="om-header-container">
-		<div class="om-header">
-			<a href="index.html"><img src="th_nbg_ohmicon_amp.png" width=55px height=55px></a>
-			<form class="om-searchbar">
-				<input type="search" placeholder="Search...">
-			</form>
-		</div>
-	</div>
+        <div class="om-header-container">
+            <div class="om-header">
+                <a href="index.html"><img src="th_nbg_ohmicon_amp.png" width=55px height=55px></a>
+                <form class="om-searchbar">
+                    <input type="search" placeholder="Search...">
+                </form>
+            </div>
+        </div>
 
 
 
-        <router-view class="om-content">
-        <Home></Home>
-        <!--
+        <div class="om-content">
         <div id="message-list">
                 <Home
                     v-for="(msg, index) in messages"
@@ -54,21 +52,20 @@
                     :user="msg.user"
                 ></Home>
         </div>
-        -->
-        </router-view>
-
-	<nav class="nav nav-tabs nav-justified om-nav ">
-		<router-link to="/home" class="nav-item nav-link"><i class="material-icons">home</i></router-link>
-		<router-link to="/files" class="nav-item nav-link"><i class="material-icons">folder</i></router-link>
-		<router-link to="/createMessage" class="nav-item nav-link outlined"><i class="material-icons">add_circle</i></router-link>
-		<router-link to="/bookmark" class="nav-item nav-link"><i class="material-icons">bookmark</i></router-link>
-		<router-link to="/profil" class="nav-item nav-link"><i class="material-icons">person</i></router-link>
-	</nav>
-
-    </div>
-
+        </div>
+            <nav class="nav nav-tabs nav-justified om-nav ">
+                <router-link to="/home" class="nav-item nav-link"><i class="material-icons">home</i></router-link>
+                <router-link to="/files" class="nav-item nav-link"><i class="material-icons">folder</i></router-link>
+                <router-link to="/createMessage" class="nav-item nav-link outlined"><i class="material-icons">add_circle</i></router-link>
+                <router-link to="/bookmark" class="nav-item nav-link"><i class="material-icons">bookmark</i></router-link>
+                <router-link to="/profil" class="nav-item nav-link"><i class="material-icons">person</i></router-link>
+            </nav>
+        </div>
+        <!--<router-view></router-view> -->
+<!--
     <script>
 
+
         const routes = [
             { path: "/home",            component: Home },
             { path: "/files",           component: Files },
@@ -83,8 +80,9 @@
             router,
             el: '#app'
         });
-    </script>
 
+    </script>
+-->
 	<!-- NOTE: JavaScript Libs & Files -->
     <!-- NOTE: Call Vue Components -->
     <script src="home.js"></script>
