Authenticator Form Fields

Auth.vue

<script>
import { onAuthUIStateChange } from '@aws-amplify/ui-components';

export default {
  name: 'Auth',
  data () {
    return {
      user: undefined,
      authState: undefined,
      formFields: [
        {
          type: 'email',
          label: 'Email Address',
          placeholder: 'Enter your email address',
          required: true
        },
        {
          type: 'password',
          label: 'Password',
          placeholder: 'Enter your password',
          required: true
        },
        {
          type: 'custom:dashboard',
          label: 'Invitation Code',
          placeholder: 'Enter your invitation code',
          required: true
        }
      ]
    };
  },
  beforeDestroy () {
    return onAuthUIStateChange;
  }
};
</script>