From 0bd63636bb1313111af2ecb00ae1b313dabb6883 Mon Sep 17 00:00:00 2001
From: Jan Bader <jan@javil.eu>
Date: Sun, 23 Jan 2022 22:24:17 +0000
Subject: [PATCH] Implement Budget-List via Getter

---
 web/src/pages/Dashboard.vue      | 7 +------
 web/src/store/dashboard/index.js | 5 +++++
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/web/src/pages/Dashboard.vue b/web/src/pages/Dashboard.vue
index cfc904f..90d232a 100644
--- a/web/src/pages/Dashboard.vue
+++ b/web/src/pages/Dashboard.vue
@@ -1,10 +1,5 @@
 <script>
 export default {
-    computed: {
-        dashboard () { 
-            return this.$store.state;
-        }
-    },
     mounted () {
         this.$store.dispatch("fetchDashboard");
     }
@@ -12,7 +7,7 @@ export default {
 </script>
 
 <template>
-    <div v-if="dashboard != nil" v-for="budget in dashboard.Budgets" class="budget-item">
+    <div v-for="budget in $store.getters.Budgets" class="budget-item">
         <router-link v-bind:to="'/budget/'+budget.ID">{{budget.Name}}</router-link>
         <span class="time"></span>
     </div>
diff --git a/web/src/store/dashboard/index.js b/web/src/store/dashboard/index.js
index ae310cf..cc9ffb8 100644
--- a/web/src/store/dashboard/index.js
+++ b/web/src/store/dashboard/index.js
@@ -10,6 +10,11 @@ const dashboard = {
                 state.Budgets = budgets;
         }
     },
+    getters: {
+        Budgets(state) {
+            return state.Budgets || [];
+        }
+    },
     actions: {
         fetchDashboard ({state, commit, rootState}) {
             fetch("/api/v1/dashboard", {