From 0d20d9bfb8dd317f7266a6f9e43b975114fecff3 Mon Sep 17 00:00:00 2001
From: Jan Bader <jan@javil.eu>
Date: Tue, 15 Feb 2022 08:35:29 +0000
Subject: [PATCH] Use setTitle everywhere

---
 web/src/components/Autocomplete.vue | 2 +-
 web/src/components/Currency.vue     | 8 +++++---
 web/src/pages/Admin.vue             | 3 ++-
 web/src/pages/Budgeting.vue         | 9 +++++----
 web/src/pages/Login.vue             | 2 +-
 web/src/pages/Settings.vue          | 2 +-
 6 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/web/src/components/Autocomplete.vue b/web/src/components/Autocomplete.vue
index 76b0433..3ba1046 100644
--- a/web/src/components/Autocomplete.vue
+++ b/web/src/components/Autocomplete.vue
@@ -15,7 +15,7 @@ interface Data {
 }
 
 const props = defineProps<{
-    modelValue: Suggestion,
+    modelValue: Suggestion | undefined,
     type: String
 }>();
 
diff --git a/web/src/components/Currency.vue b/web/src/components/Currency.vue
index 0546408..5f09804 100644
--- a/web/src/components/Currency.vue
+++ b/web/src/components/Currency.vue
@@ -1,13 +1,15 @@
 <script lang="ts" setup>
 import { computed } from 'vue';
 
-const props = defineProps<{ value: number }>();
+const props = defineProps<{ value: number | undefined }>();
 
-const formattedValue = computed(() => Number(props.value).toLocaleString(undefined, {
+const internalValue = computed(() => Number(props.value ?? 0));
+
+const formattedValue = computed(() => internalValue.value.toLocaleString(undefined, {
     minimumFractionDigits: 2,
 }));
 </script>
 
 <template>
-    <span class="text-right" :class="value < 0 ? 'negative' : ''">{{ formattedValue }} €</span>
+    <span class="text-right" :class="internalValue < 0 ? 'negative' : ''">{{ formattedValue }} €</span>
 </template>
\ No newline at end of file
diff --git a/web/src/pages/Admin.vue b/web/src/pages/Admin.vue
index ec56a73..183df55 100644
--- a/web/src/pages/Admin.vue
+++ b/web/src/pages/Admin.vue
@@ -1,8 +1,9 @@
 <script lang="ts" setup>
 import { onMounted } from 'vue';
+import { useSessionStore } from '../stores/session';
 
 onMounted(() => {
-    document.title = "Budgeteer - Admin";
+    useSessionStore().setTitle("Admin");
 })
 </script>
 
diff --git a/web/src/pages/Budgeting.vue b/web/src/pages/Budgeting.vue
index 12e2bd8..cd3d7cd 100644
--- a/web/src/pages/Budgeting.vue
+++ b/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>
diff --git a/web/src/pages/Login.vue b/web/src/pages/Login.vue
index 5c69f61..be401cc 100644
--- a/web/src/pages/Login.vue
+++ b/web/src/pages/Login.vue
@@ -7,7 +7,7 @@ const error = ref("");
 const login = ref({ user: "", password: "" });
 
 onMounted(() => {
-    document.title = "Budgeteer - Login";
+    useSessionStore().setTitle("Login");
 });
 
 function formSubmit(e: MouseEvent) {
diff --git a/web/src/pages/Settings.vue b/web/src/pages/Settings.vue
index 5aa2ff6..2acb8cd 100644
--- a/web/src/pages/Settings.vue
+++ b/web/src/pages/Settings.vue
@@ -10,7 +10,7 @@ const assignmentsFile = ref<File | undefined>(undefined);
 
 const filesIncomplete = computed(() => transactionsFile.value == undefined || assignmentsFile.value == undefined);
 onMounted(() => {
-    document.title = "Budgeteer - Settings";
+    useSessionStore().setTitle("Settings");
 });
 
 function gotAssignments(e: Event) {