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>

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", {