Extract action for API calls

web/src/pages/Settings.vue

@@ -39,14 +39,7 @@ export default {
             let formData = new FormData();
             formData.append("transactions", this.$data.transactionsFile);
             formData.append("assignments", this.$data.assignmentsFile);
-
+            this.$store.dispatch("YNAB", formData);
-            fetch('/api/v1/budget/'+this.$store.getters.CurrentBudget.ID+"/import/ynab", {
-                method: "POST", 
-                headers: {
-                    'Authorization': 'Bearer ' + this.$store.state.Session.Token
-                },
-                body: formData}
-            );
         }
     }
 }

web/src/store/index.js

@@ -51,12 +51,32 @@ const store = createStore({
                     commit(LOGIN_SUCCESS, x);
                     this.$router.replace("/dashboard");
                 })
+        },
+        YNAB({getters, dispatch}, formData) {
+            return dispatch("POST", {path: "/budget/"+getters.CurrentBudget.ID+"/import/ynab", body: formData});
+        },
+        GET({getters}, {path}){
+            return fetch("/api/v1" + path, {
+                headers: getters.AuthHeaders,
+            })
+        },
+        POST({getters}, {path, body}){
+            return fetch("/api/v1" + path, {
+                method: "POST",
+                headers: getters.AuthHeaders,
+                body: body,
+            })
         }
     },
     getters: {
         Budgets(state) {
             return state.Budgets || [];
         },
+        AuthHeaders(state) {
+            return {
+                'Authorization': 'Bearer ' + state.Session.Token
+            }
+        }
     },
     modules: {
         dashboard