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();
   },