Problems with PrimeVue Forms (FormSubmitEvent)

[Ciatronical]

From the PrimeVue Forms documentation I see that the FormSubmitEvent object should have a property called values. However, in the following code I can only access the values ​​of the form via the states property. Is that a mistake?

Many greetings Dirk

    <Dialog v-model:visible="visible" modal header="Login" :style="{ width: '25rem' }">
        <div class="flex justify-center items-center h-screen">
            <Toast position="top-center" />
            <Form v-slot="$form" 
                :initialValues="initialValues"
                :resolver="resolver" 
                :validateOnValueUpdate="false" 
                :validateOnBlur="true" 
                :validateOnMount="['firstName']" 
                @submit="onFormSubmit" 
                class="flex flex-col gap-4 w-full sm:w-56">

                <div class="flex flex-col gap-1">
                    <InputText name="username" type="text" placeholder="Username" size="small" ref="username"/>
                    <Message v-if="$form.username?.invalid" severity="error" size="small" variant="simple">{{ $form.username.error.message }}</Message>
                </div>
                <div class="flex flex-col gap-1">
                    <InputText name="password" type="password" placeholder="Password" size="small" />
                    <Message v-if="$form.password?.invalid" severity="error" size="small" variant="simple">{{ $form.password.error.message }}</Message>
                </div>
                <Button type="submit" severity="primary" label="Submit" />
            </Form>
        </div>
    </Dialog>
</template>

<script setup>
import { ref } from 'vue';
import { useToast } from 'primevue/usetoast';
import axios from 'axios';


const toast = useToast();

const visible = ref(true);

const initialValues = ref({
    username: '111111',
    password: ''
});

const resolver = ({ values }) => {
    const errors = {};

    if (!values.username) {
        errors.username = [{ message: 'Username is required.' }];
    }

    if (!values.password) {
        errors.password = [{ message: 'Password is requierd' }];
    }

    return {
        errors
    };
};

const onFormSubmit = (e) => {
    //let data = e.values;
    console.log(initialValues);
    if (e.valid) {
        const data = {
            action: 'getUserTest',
            username: e.states.username.value,
            password: e.states.password.value
        };
        axios.post('/api/', data)
            .then(response => {
                console.log(response.data);
            })
            .catch(error => {
                console.error(error);
            });
        //toast.add({ severity: 'success', summary: 'Form is submitted.', life: 3000 });
    }
}
</script>

[SalvatoreCapano]

same problem. did you find the solution?

[covrom]

return values ​​too:

const resolver = ({ values }) => {
    const errors = {};

    if (!values.username) {
        errors.username = [{ message: 'Username is required.' }];
    }

    if (!values.password) {
        errors.password = [{ message: 'Password is requierd' }];
    }

  return {
    values,
    errors,
  };
};