Form isDirty always false after setting defaults

[Soletiq]

Versions:

• @inertiajs/vue3 version: 1.0.14

Describe the problem:

IsDirty remains false after pushing values to an array.

Steps to reproduce:

Set up a form:

const form = useForm({
    foo: []
})

Set the values as default:

form.defaults()

Push to the array:

console.log('before push', form.isDirty) // false
form.foo.push(1)
console.log('after push', form.isDirty) // false?

[Dsaquel]

Thanks for reporting

[vitali-bc]

on react too!

[Dsaquel]

I tested and it seems like react work well. On react form.isDirty is just fired late but it get update.
On vue it just never get update and that because of vue's proxy passed to defaults:

inertia/packages/vue3/src/useForm.ts

Line 81 in 19b6ab4

defaults = this.data()

@vitali-bc try this

  const form = useForm({
    foo: []
  })

  useEffect(() => {
    form.setDefaults()
    form.setData({ foo: [...form.data.foo, 1] })
  }, []);
  useEffect(() => {
  console.log(form.isDirty)
}, [form.isDirty])