<template>
  <ul>
    <li>isCharging: {{ isCharging }}</li>
    <li>chargingTime: {{ chargingTime }}</li>
    <li>dischargingTime: {{ dischargingTime }}</li>
    <li>level: {{ level }}</li>
    <li>supported: {{ supported }}</li>
  </ul>
</template>

<script>
import { defineComponent } from '@vue/composition-api'
import { useBattery } from '@vueuse/core'

export default defineComponent({
  setup() {
    const {
      isCharging,
      chargingTime,
      dischargingTime,
      level,
      supported
    } = useBattery()
    return {
      isCharging,
      chargingTime,
      dischargingTime,
      level,
      supported
    }
  }
})
</script>

元記事を表示する