display app configuration values

src/views/Login.vue

@@ -4,7 +4,7 @@
       <div class="flex flex-col items-center gap-4">
         <AppLogo />
         <h2 class="text-center text-4xl font-extrabold text-gray-900">
-          {{ config.app_name_overwrite || "FF Admin" }}
+          {{ clubName }}
         </h2>
       </div>
 
@@ -50,8 +50,9 @@ import SuccessCheckmark from "@/components/SuccessCheckmark.vue";
 import FailureXMark from "@/components/FailureXMark.vue";
 import { resetAllPiniaStores } from "@/helpers/piniaReset";
 import FormBottomBar from "@/components/FormBottomBar.vue";
-import { config } from "@/config";
 import AppLogo from "@/components/AppLogo.vue";
+import { mapState } from "pinia";
+import { useConfigurationStore } from "@/stores/configuration";
 </script>
 
 <script lang="ts">
@@ -62,6 +63,9 @@ export default defineComponent({
       loginError: "" as string,
     };
   },
+  computed: {
+    ...mapState(useConfigurationStore, ["clubName"]),
+  },
   mounted() {
     resetAllPiniaStores();
   },

src/views/account/View.vue

@@ -1,11 +1,7 @@
 <template>
   <SidebarLayout>
     <template #sidebar>
-      <SidebarTemplate
-        mainTitle="Mein Account"
-        :topTitle="config.app_name_overwrite || 'FF Admin'"
-        :showTopList="isOwner"
-      >
+      <SidebarTemplate mainTitle="Mein Account" :topTitle="clubName" :showTopList="isOwner">
         <template v-if="isOwner" #topList>
           <RoutingLink
             title="Administration"
@@ -42,13 +38,14 @@ import SidebarTemplate from "@/templates/Sidebar.vue";
 import RoutingLink from "@/components/admin/RoutingLink.vue";
 import { RouterView } from "vue-router";
 import { useAbilityStore } from "@/stores/ability";
-import { config } from "@/config";
+import { useConfigurationStore } from "@/stores/configuration";
 </script>
 
 <script lang="ts">
 export default defineComponent({
   computed: {
     ...mapState(useAbilityStore, ["isOwner"]),
+    ...mapState(useConfigurationStore, ["clubName"]),
     activeRouteName() {
       return this.$route.name;
     },

src/views/setup/Setup.vue

@@ -61,7 +61,7 @@ export default defineComponent({
       this.setupStatus = "loading";
       this.setupMessage = "";
       this.$http
-        .post(`/setup`, {
+        .post(`/setup/me`, {
           username: formData.username.value,
           mail: formData.mail.value,
           firstname: formData.firstname.value,

src/views/setup/Verify.vue

@@ -93,7 +93,7 @@ export default defineComponent({
       this.setupStatus = "loading";
       this.setupError = "";
       this.$http
-        .put(`/setup`, {
+        .post(`/setup/finish`, {
           token: this.token,
           mail: this.mail,
           totp: formData.totp.value,