🚧 Add dynamic realm info

app/pages/realms/[realm]/auth.vue

@@ -1,9 +1,9 @@
 <template>
-    <div class="login-container">
-        <form class="login-form" method="POST" :action="useRuntimeConfig().public.baseUrl + '/realms/' + useRuntimeConfig().public.realmKey + '/protocol/openid-connect/auth?client_id=' + useRoute().query.client_id">
+    <div class="login-container" v-if="realm">
+        <form class="login-form" method="POST" :action="useRuntimeConfig().public.baseUrl + '/realms/' + realmKey + '/protocol/openid-connect/auth?client_id=' + useRoute().query.client_id">
             <div style="display: flex; flex-direction: column; justify-content: center;">
                 <h2 class="sso-heading">Sign in with Verifoo</h2>
-                <p class="sso-subheading">MavenVault</p>
+                <p class="sso-subheading">{{ realm.name }}</p>
             </div>
             <div class="field">
                 <p>E-Mail</p>
@@ -20,6 +20,19 @@
 </template>
 
 <script setup lang="ts">
+import type {Realm} from "~/realm/Realm";
+import axios from "axios";
+
+const realmKey = useRoute().params.realm as string;
+
+const realm: Ref<Realm | undefined> = ref();
+
+onMounted(() => {
+    axios.get(useRuntimeConfig().public.baseUrl + '/realms/' + realmKey)
+        .then((response) => {
+            realm.value = response.data;
+        })
+})
 </script>
 
 <style scoped>

app/realm/Realm.ts

@@ -0,0 +1,7 @@
+export class Realm
+{
+    constructor(
+        public key: string,
+        public name: string
+    ) {}
+}

nuxt.config.ts

@@ -4,11 +4,17 @@ export default defineNuxtConfig({
     devtools: { enabled: true },
     runtimeConfig: {
         public: {
-            baseUrl: process.env.NUXT_PUBLIC_BASE_URL,
-            realmKey: process.env.NUXT_PUBLIC_REALM_KEY
+            baseUrl: process.env.NUXT_PUBLIC_BASE_URL
         }
     },
     css: [
         '@/assets/style.css'
-    ]
+    ],
+    app: {
+        head: {
+            link: [
+                { rel: 'icon', type: 'image/x-icon', href: '/logo.ico' }
+            ]
+        }
+    }
 })