diff --git a/src/routes.js b/src/routes.js
index 2c4c165..3a5e37d 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -18,7 +18,7 @@ export const routes = [
 	{ path: config.baseurl_selfservice + 'privacy/', component: Privacy },
 	{ path: config.baseurl_selfservice + 'register', component: Register },
 	{ path: config.baseurl_selfservice + 'register/', component: Register },
-	{ path: config.baseurl_selfservice + 'registered/', component: Registered },
+	{ path: config.baseurl_selfservice + 'registered/:mail', component: Registered, props: true },
 	{ path: config.baseurl_selfservice + 'register/:token', component: Register, props: true },
 	{ path: config.baseurl_selfservice + 'profile', component: Profile },
 	{ path: config.baseurl_selfservice + 'profile/', component: ProfileNone },
diff --git a/src/views/Registered.vue b/src/views/Registered.vue
index 9619028..8d7691f 100644
--- a/src/views/Registered.vue
+++ b/src/views/Registered.vue
@@ -2,10 +2,19 @@
   <div class="min-h-screen flex items-center justify-center">
     <div class="max-w-md w-full py-12 px-6">
       <img class="mx-auto h-24 w-auto" src="/favicon.png" alt />
-      <h1
-        class="sm:text-3xl text-2xl font-medium title-font mb-4 text-center"
-      >Lauf für Kaya! - Registriert</h1>
-      <p class="mx-auto leading-relaxed text-base text-center">Bitte klicken Sie zum Fortfahren auf den Link, den wir an <b class="font-bold">{{ this.$route.query.mail }}</b> geschickt haben.</p>
+      <h1 class="sm:text-3xl text-2xl font-medium title-font mb-4 text-center">
+        Lauf für Kaya! - Registriert
+      </h1>
+      <p class="mx-auto leading-relaxed text-base text-center">
+        Bitte klicken Sie zum Fortfahren auf den Link, den wir an
+        <b class="font-bold">{{ $props.mail }}</b> geschickt haben.
+      </p>
     </div>
   </div>
-</template>
\ No newline at end of file
+</template>
+
+<script setup>
+const props = defineProps({
+  mail: String,
+});
+</script>
\ No newline at end of file