How to use computed prop in useForm hook

[jhosepharaujo]

Hi guys, I have a problem where I can't pass a computed prop to the useForm hook. I tried to do it this way:

<script>
  setup() {
    const user = computed(() => usePage().props.value.auth.user);
    const form = useForm({
      user_id: user.id,
      cnpj: null,
      state_id: null,
      city_id: null,
      logradouro: null,
      razao_social: null,
      nome_fantasia: null,
      descricao: null,
    });

    const handleSubmit = () => {
      form.post(route("empresas.store"));
    };

    return { form, user, handleSubmit };
  },
};
</script>

I also tried using transform like this:

<script>
  setup() {
    const user = computed(() => usePage().props.value.auth.user);
    const form = useForm({
      cnpj: null,
      state_id: null,
      city_id: null,
      logradouro: null,
      razao_social: null,
      nome_fantasia: null,
      descricao: null,
    });

    const handleSubmit = () => {
      form
        .transform((data) => ({
          user_id: user.id,
          ...data,
        }))
        .post(route("empresas.store"));
    };

    return { form, user, handleSubmit };
  },
};
</script>

In both the result was the same, the user_id was not forwarded in the request.

What am I doing wrong? I'm using inertia + vuejs