mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-04-28 02:26:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat(new tool); Energy Expense Computer

Browse source 
Fix #650
This commit is contained in:
sharevb 2024-10-26 22:07:47 +02:00
parent 0b1b98f93e
commit d191b69cba
5 changed files with 104 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/tools/energy-computer/energy-computer.vue Normal file
View file

@ -0,0 +1,26 @@
<script setup lang="ts">
import { computeCost } from './energy-computer.service';
const wattage = ref(100);
const durationHours = ref(2);
const kWhCost = ref(0.1);
const totalCost = computed(() => computeCost(wattage.value, durationHours.value, kWhCost.value));
</script>
<template>
<div>
<n-form-item label="Device Wattage" mb-1>
<n-input-number v-model:value="wattage" :min="0" />
</n-form-item>
<n-form-item label="Usage Duration (hours)" mb-1>
<n-input-number v-model:value="durationHours" :min="0" />
</n-form-item>
<n-form-item label="kWh Cost" mb-1>
<n-input-number v-model:value="kWhCost" :min="0" />
</n-form-item>
<n-divider />
<input-copyable label="Total Cost" :value="totalCost" />
</div>
</template>