<script setup>
defineProps({ meter: Object })
</script>
<template>
  <div class="card bg-slate-200 text-accent-content rounded-md w-60">
    <div class="card-body p-3">
      <h2 class="card-title">{{ meter.name }}</h2>
      <div class="shadow-inner shadow-slate-400 rounded-md p-2">
        <ul class="leading-7 tracking-wider text-slate-700 px-2">
          <li><b>電流:</b> {{ meter.current }}</li>
          <li><b>電壓:</b> {{ meter.voltage }}</li>
          <li><b>功率:</b> {{ meter.power }}</li>
          <li><b>用電量:</b> {{ meter.energyConsumption }}</li>
        </ul>
      </div>
    </div>
  </div>
</template>
