main components

front/src/App.vue

@@ -1,23 +1,25 @@
 <template>
-  <img alt="Vue logo" src="./assets/logo.png">
+  <Sidebar />
+  <RoomView />
 </template>
 
 <script>
+import Sidebar from './components/sidebar/Sidebar';
+import RoomView from './components/room/RoomView';
 
 export default {
   name: 'App',
   components: {
+    Sidebar,
+    RoomView
   }
 }
 </script>
 
 <style>
 #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;
+  display: flex;
+  height: 100%;
+  width: 100%;
 }
 </style>