fetch rooms

front/src/views/sidebar/rooms/Rooms.vue

@@ -0,0 +1,32 @@
+<template>
+    <div>
+      <Room v-for="(room, index) in rooms()" :key="index" :data="room" />
+    </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+import Room from './Room'
+
+export default {
+  name: 'Rooms',
+  props: {
+
+  },
+  components: {
+    Room
+  },
+  computed: {
+    ...mapGetters(['rooms'])
+  }
+}
+</script>
+
+<style scoped>
+div {
+  display: flex;
+  flex-direction: column;
+  background-color: #24242B;
+}
+
+</style>