Каким образом я могу прослушивать изменения переменной, которая падает пропсом внутрь функции?

Question

[700Hp]

<script>
export default {
  setup () {
    const store = useStore()
    const responseField = reactive([])

    const handlerLink = async (value) => {
      try {
        const { child } = await getManualId(value.item.id)
        responseField.push(...child)
      } catch (e) {
        await store.dispatch('setAlert', {
          type: 'error',
          description: 'Не удалось загрузить данные о справочнике'
        })
      }
    }

    return {
      ...useManualForm(responseField)
    }
  }
}
</script>

export function useManualForm (field) {
  const formData = reactive({
    name: ''
  })

  const rules = {
  }

  const serverErrors = reactive({})

  const formAction = async () => {
  }

  return {
    ...useForm(rules, formData, formAction),
    serverErrors
  }
}

По изменению responseFields хочу добавить поля в formData

Comments

[700Hp]

На данный момент решил таким образом:
Прокидывать пропс computed.
А уже в самой функции поставить watch на входящие св-во

// Комонент
const getResponseField = computed(() => {
      return responseField.value
    })

...useManualForm(getResponseField.value)

// Вызываемая функция 
watch(fields, () => {
    fields.forEach((field) => {
      formData[field.name] = '1'
    })
  })

Answer 1

[Константин Артюшкевич]

Просто можно было в useManualForm хуке сделать вотч на входную пропсу хука field. Это будет работать, т.к. эта пропса Proxy (т.к. в компоненте используется reactive)