Use setTitle everywhere

web/src/pages/Budgeting.vue

@@ -1,8 +1,9 @@
 <script lang="ts" setup>
-import { computed, defineProps, watchEffect } from "vue";
+import { computed, defineProps, onMounted, watchEffect } from "vue";
 import Currency from "../components/Currency.vue";
 import { useBudgetsStore } from "../stores/budget";
 import { useAccountStore } from "../stores/budget-account";
+import { useSessionStore } from "../stores/session";
 
 const props = defineProps<{
     budgetid: string,
@@ -40,9 +41,9 @@ watchEffect(() => {
         return useAccountStore().FetchMonthBudget(props.budgetid ?? "", Number(props.year), Number(props.month));
 });
 
-/*{{define "title"}}
-    {{printf "Budget for %s %d" .Date.Month .Date.Year}}
-{{end}}*/
+onMounted(() => {
+    useSessionStore().setTitle("Budget for " + selected.value.Month + "/" + selected.value.Year);
+})
 </script>
 
 <template>