<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>
元記事を表示する