<template>
    <div class="test">
      <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>
.test {
  display: flex;
  flex-direction: column;
  background-color: #24242B;
  overflow: auto;
}

</style>