mapped fields inside one object

[ghost]

Hello!

Im new to Vue JS and something like state management and currently trying to create a simple app where I am able to create a construction project with some information and send it to a MongoDB with axios on the frontend and express as the backend.

Currently working on the editing existing projects I have a form with 10 editable propertys.

And my question is how do I map those fields in my component so I can have one computed object with all my fields in it?

Because currently it looks like this:

Do I have to create again new object which contains all the computed propertys or is there a way to map currentSite as one?

Thanks for your help and best regards!

*Edit in the second screenshot, all the propertys are just inside computed