Как на Vue создать динамическую форму с передачей данных в компоненты любого уровня вложенности

// store.js
state: { formData: {} },
mutations: {
  updateField(state, { path, value }) {
    // deep update nested fields
    path.reduce((obj, key, i) => {
      if (i === path.length - 1) obj[key] = value
      else if (!obj[key]) obj[key] = {}
      return obj[key]
    }, state.formData)
  }
}

// Parent.vue
provide() {
  return { 
    formData: this.formData,
    updateForm: this.updateField 
  }
}

// Child.vue
inject: ['formData', 'updateForm'],
methods: {
  handleInput(e) {
    this.updateForm(['nested', 'field'], e.target.value)
  }
}

computed: {
  field: {
    get() { return this.formData.nested.field },
    set(value) { this.updateField(['nested', 'field'], value) }
  }
}