Fixed up sensor cards

This commit is contained in:
2026-06-24 23:32:45 -04:00
parent 8bece21ddb
commit 08319ce277
12 changed files with 717 additions and 139 deletions

View File

@@ -0,0 +1,18 @@
<script setup lang="ts">
import {ref, onMounted} from 'vue';
import {api} from '../../services/api';
import MetricRow from './MetricRow.vue';
const d = ref<any>(null);
onMounted(async () => d.value = await api.current());
</script>
<template>
<div class="card" v-if="d">
<div class="card-title">💨 Air Quality</div>
<MetricRow label="AQI" :value="d.air_quality" metric-key="air_quality" :data="d" />
<MetricRow label="Label" :value="d.air_quality_label" />
<MetricRow label="Resistance (Ohms)" :value="d.air_quality_ohms?.toLocaleString()" metric-key="air_quality_ohms" :data="d" />
</div>
</template>