Vue 3, Typescript, Pinia for state management and plain old css for UI

I am unsure of the following

• Is putting all the state of the form in a state management a good idea? I know on this challenged it's an overkill but if I have a feature like this that I am working on I will usually rely on state management to achieved this flow.
• In my structure I call formSubmit function of PersonalInfo in it's parent. I always read that this is a bad practice. Do you think it's acceptable in this scenario since they are all related? Or my component needs restructuring? Any tips on how to improve it?