I am wondering if there are any best practices when creating CRUD components (in particular the Create and Edit form components) that reduce the duplication of inputs. In CRUD apps, the Create and Edit forms tend to include common inputs. I come from a Laravel background, and in Laravel we move the common form inputs, into a partial, and then include that partial in the Create and Edit forms. Then, if we need to change any of the inputs, we only need to do it in a single file. In Vue there isn’t really a way to include a chunk of html like partials in Laravel. I could create a form component that wraps the common inputs and gets used in the Create and Edit forms, but then I must handle passing props down and emitting events back up to the parent form, which seems like it makes things overly complicated. I noticed that a lot of the tutorials just seem to duplicate the inputs in both the Create and Edit.
I was hoping someone might know of a better way to share the common inputs between, so they can be reused in the Create and Edit components and eliminating duplication, without being overly complicated.