Implement budget display

web/src/pages/Budget.vue

@@ -1,8 +1,14 @@
 <script>
+export default {
+  mounted () {
+    this.$store.dispatch("fetchBudget", this.$route.params.budgetid)
+  }
+}
 
 </script>
 
 <template>
   <h1>Budget</h1>
-
+  <p>{{ $route.params.budgetid }}</p>
+  <p v-for="account in $store.getters.Accounts">{{ account.Name }} / {{ account.Balance.Int / 100 }}</p>
 </template>

web/src/store/budget/index.js

@@ -0,0 +1,33 @@
+const budget = {
+    state () {
+        return {
+                Accounts: [],
+                Categories: [],
+                Transactions: [],
+                Assignments: []
+        }
+    },
+    mutations: {
+        setAccounts (state, accounts) {
+                state.Accounts = accounts;
+        }
+    },
+    getters: {
+        Accounts(state) {
+            return state.Accounts || [];
+        }
+    },
+    actions: {
+        fetchBudget ({state, commit, rootState}, budgetid) {
+            fetch("/api/v1/budget/" + budgetid, {
+                headers: {
+                    'Authorization': 'Bearer ' + rootState.Session.Token
+                }
+            })
+                .then(x => x.json())
+                .then(x => commit("setAccounts", x.Accounts));
+        }
+    }
+}
+
+export default budget