Ocelot-Social/webapp/pages/registration.vue

<template>
  <registration-slider
    :registrationType="registrationType"
    :overwriteSliderData="overwriteSliderData"
  />
</template>

<script>
import RegistrationSlider from '~/components/Registration/RegistrationSlider'

export default {
  layout: 'no-header',
  name: 'Registration',
  components: {
    RegistrationSlider,
  },
  data() {
    const { method = null, email = null, inviteCode = null, nonce = null } = this.$route.query
    return {
      method,
      overwriteSliderData: {
        collectedInputData: {
          inviteCode,
          email,
          emailSend: !!email,
          nonce,
        },
      },
      publicRegistration: this.$env.PUBLIC_REGISTRATION === true, // for 'false' in .env PUBLIC_REGISTRATION is of type undefined and not(!) boolean false, because of internal handling
      inviteRegistration: this.$env.INVITE_REGISTRATION === true, // for 'false' in .env INVITE_REGISTRATION is of type undefined and not(!) boolean false, because of internal handling
    }
  },
  asyncData({ store, redirect }) {
    if (store.getters['auth/isLoggedIn']) {
      redirect('/')
    }
  },
  computed: {
    registrationType() {
      if (!this.method) {
        return (
          (this.publicRegistration && 'public-registration') ||
          (this.inviteRegistration && 'invite-code') ||
          'no-public-registration'
        )
      } else {
        if (
          this.method === 'invite-mail' ||
          (this.method === 'invite-code' && this.inviteRegistration)
        ) {
          return this.method
        }
        return this.publicRegistration ? 'public-registration' : 'no-public-registration'
      }
    },
  },
}
</script>