two-way binding, v-model, and form handling

[plweil]

Regarding the Vuex documentation on Form Handling , does Pinia change this in any way? Right now under Vuex, I rely pretty heavily on vuex-map-fields to handle this (form fields in the store) and avoid extensive two-way computed properties. If I want to migrate to Pinia, what is the recommended way to handle this?

[posva]

In pinia you don't need any extra lib:

const useStore = defineStore(id, { state: () => ({ name: '' }) })

const store = useStore()

<input v-model="store.name">

[lucpotage]

Thanks @posva.

[aacassandra]

Awesome!!! Thanks @posva

[lucas-aguilar]

Thanks a lot!

[YutoYasunaga]

That's great, very easy to use. Thanks!

[ghost]

Woah, amazing!

[trev-dev]

Is this the same case using the "options" api, where "mapState" is being used?

Edit: use mapWritableState ✅