Bugfixes

web/src/components/Autocomplete.vue

@@ -1,5 +1,7 @@
 <script lang="ts">
 import { defineComponent, PropType } from "vue"
+import { useAPI } from "../stores/api";
+import { useBudgetsStore } from "../stores/budget";
 
 export interface Suggestion {
     ID : string
@@ -40,16 +42,17 @@ export default defineComponent({
                 return;
             }
             
-            fetch("/api/v1/budget/" + this.$store.getters.CurrentBudget.ID + "/autocomplete/" + this.type + "?s=" + text, {
-                headers: this.$store.getters.AuthHeaders
-            }) .then(x=>x.json())
-            .then(x => {
-                let suggestions = x || [];
-                if(suggestions.length > 10){
-                    suggestions = suggestions.slice(0, 10);
-                }
-                this.$data.Suggestions = suggestions;
-            });
+            const api = useAPI();
+            const budgetStore = useBudgetsStore();
+            api.GET("/budget/" + budgetStore.CurrentBudgetID + "/autocomplete/" + this.type + "?s=" + text)
+                .then(x=>x.json())
+                .then(x => {
+                    let suggestions = x || [];
+                    if(suggestions.length > 10){
+                        suggestions = suggestions.slice(0, 10);
+                    }
+                    this.$data.Suggestions = suggestions;
+                });
         },
         keypress(e : KeyboardEvent) {
             console.log(e.key);

web/src/components/TransactionRow.vue

@@ -1,10 +1,15 @@
 <script lang="ts">
+import { mapState } from "pinia";
 import { defineComponent } from "vue";
+import { useBudgetsStore } from "../stores/budget";
 import Currency from "./Currency.vue";
 
 export default defineComponent({
     props: [ "transaction", "index" ],
-    components: { Currency }
+    components: { Currency },
+    computed: {
+        ...mapState(useBudgetsStore, ["CurrentBudgetID"])
+    }
 })
 </script>
 
@@ -18,7 +23,7 @@ export default defineComponent({
             {{ transaction.CategoryGroup ? transaction.CategoryGroup + " : " + transaction.Category : "" }}
         </td>
         <td>
-            <a :href="'/budget/' + $store.getters.CurrentBudgetID + '/transaction/' + transaction.ID">
+            <a :href="'/budget/' + CurrentBudgetID + '/transaction/' + transaction.ID">
                 {{ transaction.Memo }}
             </a>
         </td>