Form defaults() then reset() doesn't work as expected

[fufaldinav]

Version:

• @inertiajs/vue3 version: 1.0.6

Describe the problem:

The form does not reset isDirty state after calling defaults() and then calling reset()
This behavior is observed if there are only primitive values in the form
I assume that watcher doesn't see changes and does not change the IsDirty state

watch(
  form,
  (newValue) => {
    form.isDirty = !isEqual(form.data(), defaults)
    if (rememberKey) {
      router.remember(cloneDeep(newValue.__remember()), rememberKey)
    }
  },
  { immediate: true, deep: true },
)

Steps to reproduce:

Create a form as in the playground:

const form = useForm('NewUser', {
  name: '',
  company: '',
  role: '',
})

Try to change some value

Next, call defaults() and reset(), isDirty will not change its state

REC-20240418225231.mp4