Refactor HomeView to use energyStore for energy data Refactor HomeView

to use energyStore for energy data

src/views/HomeView.vue

@@ -26,7 +26,7 @@
           title="Real-time Energy"
           :content="currentEnergyValue"
           details="kWh"
-          :trend-data="websocketStore.timeSeriesData.datasets[0].data.slice(-8)"
+          :trend-data="energyStore.energyHistory.slice(-8)"
           trend-direction="neutral"
         />
         <GraphMetricCard
@@ -74,15 +74,13 @@ const energyStore = useEnergyStore()
 const websocketStore = useWebSocketStore()
 const settingsStore = useSettingsStore()
 
+// Use energy store for aggregated values across all sensors
 const currentEnergyValue = computed(() => {
-  return websocketStore.latestMessage?.energy?.value.toFixed(2) || '0.00'
+  return energyStore.currentEnergyValue.toFixed(2)
 })
 
 const averageEnergyUsage = computed(() => {
-  const data = websocketStore.timeSeriesData.datasets[0].data
-  if (data.length === 0) return '0.00'
-  const sum = data.reduce((acc, val) => acc + val, 0)
-  return (sum / data.length).toFixed(2)
+  return energyStore.averageEnergyUsage.toFixed(2)
 })
 
 onMounted(() => {