minor fixes.

client/src/App.vue

@@ -17,7 +17,12 @@
     </v-app-bar>
 
     <v-main>
-      <router-view />
+      <v-container
+        class="fill-height"
+        fluid
+      >
+        <router-view />
+      </v-container>
     </v-main>
 
     <v-footer app>

client/src/router/index.ts

@@ -9,7 +9,7 @@ const routes: Array<RouteConfig> = [
     path: '/',
     name: 'Home',
     component: Home
-  }
+  },
 ]
 
 const router = new VueRouter({

client/src/store/index.ts

@@ -5,7 +5,7 @@ import {
   RoomEntry,
   RoomSettings,
   RoomsApi,
-} from '@/api/index.ts'
+} from '@/api/index'
 
 import { state, State } from './state'
 
@@ -21,7 +21,7 @@ export default new Vuex.Store({
       Vue.set(state, 'rooms', [...state.rooms, roomEntry])
     },
     ROOMS_PUT(state: State, roomEntry: RoomEntry) {
-      const roomEntries = state.rooms.filter((room) => {
+      const roomEntries = state.rooms.map((room) => {
         if (room.id == roomEntry.id) {
           return { ...room, ...roomEntry }
         } else {

client/src/store/state.ts

@@ -1,6 +1,6 @@
 import {
   RoomEntry,
-} from '@/api/index.ts'
+} from '@/api/index'
 
 export const state = {
   rooms: [] as RoomEntry[],

client/src/views/Home.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="home">
+  <v-container>
     <RoomsList />
-  </div>
+  </v-container>
 </template>
 
 <script lang="ts">