diff --git a/frontend/src/components/Auth/AuthNavbar.vue b/frontend/src/components/Auth/AuthNavbar.vue
index 0ff10cb78..e3c260fa0 100644
--- a/frontend/src/components/Auth/AuthNavbar.vue
+++ b/frontend/src/components/Auth/AuthNavbar.vue
@@ -28,24 +28,17 @@
 </template>
 
 <script>
+import { authLinks } from '../../mixins/authLinks'
+
 export default {
   name: 'AuthNavbar',
+  mixins: [authLinks],
   data() {
     return {
       logo: '/img/brand/green.png',
       sheet: '/img/template/Blaetter.png',
     }
   },
-  computed: {
-    login() {
-      if (this.$route.params.code) return '/login/' + this.$route.params.code
-      return '/login'
-    },
-    register() {
-      if (this.$route.params.code) return '/register/' + this.$route.params.code
-      return '/register'
-    },
-  },
 }
 </script>
 
diff --git a/frontend/src/components/Auth/AuthNavbarSmall.vue b/frontend/src/components/Auth/AuthNavbarSmall.vue
index 0500a9dc6..c7076b3e0 100644
--- a/frontend/src/components/Auth/AuthNavbarSmall.vue
+++ b/frontend/src/components/Auth/AuthNavbarSmall.vue
@@ -11,18 +11,11 @@
 </template>
 
 <script>
+import { authLinks } from '../../mixins/authLinks'
+
 export default {
   name: 'AuthNavbarSmall',
-  computed: {
-    login() {
-      if (this.$route.params.code) return '/login/' + this.$route.params.code
-      return '/login'
-    },
-    register() {
-      if (this.$route.params.code) return '/register/' + this.$route.params.code
-      return '/register'
-    },
-  },
+  mixins: [authLinks],
 }
 </script>
 <style scoped>
diff --git a/frontend/src/components/LinkInformations/RedeemLoggedOut.vue b/frontend/src/components/LinkInformations/RedeemLoggedOut.vue
index 982bfdf08..dedb081a7 100644
--- a/frontend/src/components/LinkInformations/RedeemLoggedOut.vue
+++ b/frontend/src/components/LinkInformations/RedeemLoggedOut.vue
@@ -25,9 +25,11 @@
 </template>
 <script>
 import RedeemInformation from '@/components/LinkInformations/RedeemInformation.vue'
+import { authLinks } from '../../mixins/authLinks'
 
 export default {
   name: 'RedeemLoggedOut',
+  mixins: [authLinks],
   components: {
     RedeemInformation,
   },
@@ -35,13 +37,5 @@ export default {
     linkData: { type: Object, required: true },
     isContributionLink: { type: Boolean, default: false },
   },
-  computed: {
-    login() {
-      return '/login/' + this.$route.params.code
-    },
-    register() {
-      return '/register/' + this.$route.params.code
-    },
-  },
 }
 </script>
diff --git a/frontend/src/mixins/authLinks.js b/frontend/src/mixins/authLinks.js
new file mode 100644
index 000000000..6dedd8612
--- /dev/null
+++ b/frontend/src/mixins/authLinks.js
@@ -0,0 +1,12 @@
+export const authLinks = {
+  computed: {
+    login() {
+      if (this.$route.params.code) return '/login/' + this.$route.params.code
+      return '/login'
+    },
+    register() {
+      if (this.$route.params.code) return '/register/' + this.$route.params.code
+      return '/register'
+    },
+  },
+}