why toRef two times, connect will lost

[WormGirl]

const formState = useFormStore();
const { form } = toRefs(formState);
const setForm = toRef(form.value, 'displaySettings');

when replace formState.form the setForm data not change.

[soc221b]

Because the form.value is an unref-ed object (a plain object).

const changeFormState = () => {
  formState.form = {
    displaySettings: '1'
  }

  console.log(setForm.value) // <old value>, since both of `formState.form` and `form.value` are NOT same reference.
}

const changeInnerFormState = () => {
  formState.form.displaySettings = '2'

  console.log(setForm.value) // '2', since both of `formState.form` and `form.value` are still same reference.
}