web/src/components/TransactionRow.vue

@@ -6,7 +6,6 @@ import Currency from "./Currency.vue";
 import TransactionEditRow from "./TransactionEditRow.vue";
 import { formatDate } from "../date";
 import { useAccountStore } from "../stores/budget-account";
-import Input from "./Input.vue";
 import Checkbox from "./Checkbox.vue";
 
 const props = defineProps<{

web/src/pages/Budgeting.vue

@@ -83,17 +83,17 @@ function assignedChanged(e : Event, category : Category){
   </span><br />
   <span>Budgeted this month:
     <Currency
-      :value="accountStore.GetBudgeted(selected.Year, selected.Month).assigned"
+      :value="accountStore.GetBudgeted(selected.Year, selected.Month).Assigned"
     />
   </span><br />
   <span>Deassigned this month:
     <Currency
-      :value="accountStore.GetBudgeted(selected.Year, selected.Month).deassigned"
+      :value="accountStore.GetBudgeted(selected.Year, selected.Month).Deassigned"
     />
   </span><br />
   <span>Spent this month:
     <Currency
-      :value="accountStore.GetBudgeted(selected.Year, selected.Month).activity"
+      :value="accountStore.GetBudgeted(selected.Year, selected.Month).Activity"
     />
   </span><br />
   <div>

web/src/stores/budget-account.ts

@@ -39,6 +39,12 @@ export interface Category {
     Activity: number;
 }
 
+interface BudgetedAmounts {
+    Assigned: number,
+    Deassigned: number,
+    Activity: number,
+}
+
 export const useAccountStore = defineStore("budget/account", {
     state: (): State => ({
         Accounts: new Map<string, Account>(),
@@ -71,9 +77,9 @@ export const useAccountStore = defineStore("budget/account", {
             return budget.CurrentBudget?.IncomeCategoryID;
         },
         GetBudgeted(state) {
-            return (year: number, month: number) => {
+            return (year: number, month: number) : BudgetedAmounts => {
                 const IncomeCategoryID = this.GetIncomeCategoryID;
-                if (IncomeCategoryID == null) return 0;
+                if (IncomeCategoryID == null) return {Activity: 0, Assigned: 0, Deassigned: 0};
 
                 const categories = this.AllCategoriesForMonth(year, month);
 
@@ -90,9 +96,9 @@ export const useAccountStore = defineStore("budget/account", {
                         deassigned += category.Assigned;
                 }
                 return {
-                    assigned,
-                    deassigned,
-                    activity
+                    Assigned: assigned,
+                    Deassigned: deassigned,
+                    Activity: activity
                 };
             };
         },