From 130a1380e65da137fae915486f3ac2528e8daac6 Mon Sep 17 00:00:00 2001
From: "Wortman, Elliot (UG - Comp Sci & Elec Eng)" <ew00710@surrey.ac.uk>
Date: Sun, 26 Nov 2023 16:35:53 +0000
Subject: [PATCH] Modify passing x-axis-data as refering to function was
 causing errors in production build Error was "this is not defined", did not
 occur in dev environment

---
 src/App.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 4200261..a367662 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -15,6 +15,9 @@ export default {
   mounted() {
     this.getPastValues();
   },
+  created() {
+    this.pastSevenDaysData = this.getPastSevenDays();
+  },
   methods: {
     getPastValues() {
       axios
@@ -37,6 +40,7 @@ export default {
   },
   data() {
     return {
+      pastSevenDaysData: [],
       npkData: null,
       thmData: null
     }
@@ -55,8 +59,8 @@ export default {
       </div>
     </div>
     <div class="bottom-section">
-      <MultiLineChart v-if="npkData" :chart-data="npkData" :x-axis-data=this.getPastSevenDays() />
-      <MultiAxisChart v-if="thmData" :chart-data="thmData" :x-axis-data=this.getPastSevenDays() />
+      <MultiLineChart v-if="npkData" :chart-data="npkData" :x-axis-data=pastSevenDaysData />
+      <MultiAxisChart v-if="thmData" :chart-data="thmData" :x-axis-data=pastSevenDaysData />
     </div>
   </div>
 </template>
-- 
GitLab