<template>
  <div class="devices">
    <div class="item" v-for="(item, i) in items" :key="i" :style="{ width: (1 / num) * 100 + '%' }">
      <div class="inner">
        <div class="info">
          <p class="name">{{ item.name }}</p>
          <p class="count">{{ item.count.toLocaleString() }}</p>
        </div>
      </div>
    </div>
    <div class="clearfix"></div>
  </div>
</template>

<script setup>
// import { onMounted, ref, reactive, defineAsyncComponent, watch } from "vue";
const props = defineProps({ items: Array, num: Number });
// onMounted(() => {
//   // onMock(props.isOpen);
// });
</script>
