[Feature request] Populate forms with $formkit.load() and only pick schema data

Describe the feature

While we populate forms with the value prop it would also be nice to load API responses directly into <Formkit> and only pick the defined schema values / structure.

The downside of the :value prop is that all values that have been added will be directly transfered as form data when submitting the form (even if they are not in the schema).

With a new $formkit.load method it will be easy to populate data by e.g. API’s and send only the fields you’ve defined.

onMounted(async () => {
      const { data } = await $fetch('/projects')
      $formkit.load.load(data)
})

[GustavoFenilli]

Just as also a clarification it is already possible to do what you want with the current API using a plugin. this is a really simple way of doing only to the form level ( also not a plugin ) to just show you that removing fields before setting is possible using node.input and node.hook.commit ( pardon my crude example as it is just an example )

I think there is indeed a good point on adding a new function or extending the node.input API to do that automatically to improve DX tho.

[maartenvanhunsel]

@GustavoFenilli ahaa that’s perfect if we can extend the current api like this: $formkit.get('nodeId').setMatchingValues(dataObjectFromServer).

Thanks for the clarification.