Why is form.recentlySuccessful not working?

[AlexKomMsk]

Laravel 9, Jetstream, Inertia, Vue 3

I have a form

const form = useForm({
    _method: 'PUT',
    name: props.project.name,
    description: props.project.description,
    logo: null,
});

I send with form.recentlySuccessful logging

const submit = (data) => {

    errors.value = [];

    if (data.logo.length) {
        data.logo.forEach((fileItem) => {
            form.logo = fileItem.file;
        })
    }

    form.post(route('projects.update', props.project.slug), {
        preserveScroll: true,
        onError: () => updateErrors(form.errors),
        onSuccess: () => {
            form.logo = null;
            console.log(form.recentlySuccessful)
   //    get TRUE it's OK

        }
    });

};

and get TRUE

but in the template at the same time i get FALSE

{{form.recentlySuccessful}}

Why doesn't this work in a template and works in a script?

I submit the form using FormKit.

        <FormKit
            type="form"
            @submit="submit"
            :disabled="form.processing"
            v-model="form"
            :errors="errors"

        >

            <FormKit
                type="text"
                name="name"
                :label="$t('all.title')"
            />

            <FormKit
                type="textarea"
                name="description"
                rows="7"
                :label="$t('all.description')"
            />

        </FormKit>

{{form.recentlySuccessful}}