## Summary
This is part-1 of refactoring our code editors to extract different type
of editors into their own components.
In part-2 we'll
1. delete a of unused or duplicate code
2. switch to a `useEditor` composable to bring more UX consistency
across all the code editors.
## Review / Merge checklist
- [x] PR title and summary are descriptive
- [x] Tests included
* Remove brackets and double quotes from fieldname
* Fix bug with duplicate field
* Parse field names from splitbyfield
* Fix error with field name remove console.logs
* Add versioning to itemlist
* Fix naming
* Remove comment