diff --git a/app/app.vue b/app/app.vue
index 1cdabd7..89efa0a 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -2,4 +2,10 @@
   <div id="app">
     <NuxtPage></NuxtPage>
   </div>
-</template>
\ No newline at end of file
+</template>
+
+<script setup lang="ts">
+useHead({
+    title: "Verifoo"
+})
+</script>
\ No newline at end of file
diff --git a/app/pages/realms/[realm]/auth.vue b/app/pages/realms/[realm]/auth.vue
index a69a8a4..069b5b4 100644
--- a/app/pages/realms/[realm]/auth.vue
+++ b/app/pages/realms/[realm]/auth.vue
@@ -21,18 +21,9 @@
 
 <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;
-        })
-})
+const { data: realm } = await useFetch<Realm>(useRuntimeConfig().public.baseUrl + '/realms/' + realmKey)
 </script>
 
 <style scoped>