auth-component formFields fix

Authwrapper.vue

<script setup lang="ts">
const isLoggedIn = false

const authFormFields = [
  {
    type: 'email',
    required: true,
  },
  {
    type: 'password',
    required: true,
  },
  {
    type: 'given_name',
    label: 'First name',
    placeholder: 'First name',
    name: 'given_name',
    required: true,
  },
  {
    type: 'family_name',
    label: 'Family name',
    placeholder: 'Last name',
    name: 'family_name',
    required: true,
  },
  {
    type: 'phone_number',
    label: 'Phone Number',
    placeholder: 'Ex: +1(425)555-1212',
    name: 'phone_number',
    required: true,
  },
]

</script>

<template>
  <!--eslint-disable vue/attribute-hyphenation ! -->
  <!--eslint-disable vue/no-deprecated-slot-attribute ! -->

  <amplify-authenticator
    v-if="isLoggedIn === false"
    validation-errors=""
  >
    <amplify-sign-up
      slot="sign-up"
      header-text="BEPOS"
      username-alias="email"

      :formFields="authFormFields"
    />

    <amplify-totp-setup slot="totp-setup">
    </amplify-totp-setup>

    <amplify-sign-out></amplify-sign-out>
  </amplify-authenticator>
</template>