<template>
  <div class="devices">
    <b-row>
      <b-col>
        <global-device-buzgerator/>
      </b-col>
    </b-row>
    <b-row>
      <b-col v-for="device in devices" :key="device" cols="12" md="6">
        <single-device-buzgerator :device_id="device"/>
      </b-col>
    </b-row>
  </div>
</template>

<script>
import SingleDeviceBuzgerator from "../components/SingleDeviceBuzgerator";
import GlobalDeviceBuzgerator from "../components/GlobalDeviceBuzgerator";

export default {
  name: "Devices",
  data() {
    return {
      devices: [
        '1', '2', '3'
      ]
    }
  },
  components: {
    SingleDeviceBuzgerator, GlobalDeviceBuzgerator
  }
  ,
  comments: {
    GlobalDeviceBuzgerator,
    SingleDeviceBuzgerator
  }
}
</script>

<style scoped>

</style>