router edited

package.json

@@ -56,4 +56,4 @@
   "_id": "[email protected]",
   "license": "MIT",
   "readme": "ERROR: No README data found!"
-}
+}

src/App.vue

@@ -1,43 +1,43 @@
 <template>
-    <div id="app">
-        <Sidebar/>
-        <div class="container">
-            <router-view />
-        </div>
-       <RightBar class="rightbar"/>
-       <MessageBox/>
+  <div id="app">
+    <Sidebar />
+    <div class="container">
+      <router-view />
     </div>
+    <RightBar class="rightbar" />
+    <MessageBox />
+  </div>
 </template>
 
 <script>
 import Sidebar from "@/components/Sidebar";
 import MessageBox from "@/components/MessageBox";
 import RightBar from "@/components/RightBar";
 export default {
-    name: "App.vue",
-    components: {
-       RightBar,
-       MessageBox,
-        Sidebar
-    }
+  name: "App.vue",
+  components: {
+    RightBar,
+    MessageBox,
+    Sidebar
+  }
 };
 </script>
 
 <style lang="scss" scoped>
 #app {
-    position: relative;
-    max-width: 1250px;
-    max-height: 100vh;
-    display: flex;
-    margin: 0 auto;
-    .container {
-        width: 100%;
-    }
+  position: relative;
+  max-width: 1250px;
+  max-height: 100vh;
+  display: flex;
+  margin: 0 auto;
+  .container {
+    width: 100%;
+  }
 }
 @media (max-width: 1290px) {
-    #app {
-        max-width: 1000px !important;
-       margin: 0 auto !important;
-    }
+  #app {
+    max-width: 1000px !important;
+    margin: 0 auto !important;
+  }
 }
-</style>
+</style>

src/components/Avatar.vue

@@ -1,39 +1,40 @@
 <template>
-         <img class="profileImage" :class="size" :src="image" alt="avatar">
+  <img class="profileImage" :class="size" :src="image" alt="avatar" />
 </template>
 
 <script>
 export default {
-   name: "Avatar",
-   props : {
-      image: {
-         type: String,
-         default: "https://www.shareicon.net/data/128x128/2016/05/24/770117_people_512x512.png"
-      },
-      size: {
-         type: String,
-         default: 'normal'
-      }
-   }
-}
+  name: "Avatar",
+  props: {
+    image: {
+      type: String,
+      default:
+        "https://www.shareicon.net/data/128x128/2016/05/24/770117_people_512x512.png"
+    },
+    size: {
+      type: String,
+      default: "normal"
+    }
+  }
+};
 </script>
 
 <style lang="scss" scoped>
-   .profileImage{
-      display: inline-block;
-      position: relative;
-      border-radius: 50%;
-   }
-   .normal{
-      width: 40px;
-      height: 40px;
-   }
-   .large{
-      width: 50px;
-      height: 50px;
-   }
-   .xlarge{
-      width: 60px;
-      height: 60px;
-   }
-</style>
+.profileImage {
+  display: inline-block;
+  position: relative;
+  border-radius: 50%;
+}
+.normal {
+  width: 40px;
+  height: 40px;
+}
+.large {
+  width: 50px;
+  height: 50px;
+}
+.xlarge {
+  width: 60px;
+  height: 60px;
+}
+</style>