A dynamic wizard to split your forms easier
Vue-form-wizard is a vue based component with no external depenendcies which simplifies tab wizard management.
router-view inside the wizard and have a separate page per tab. A
route prop must be passed to the tabs you want to handle certain tabs
beforeChange(): boolean | Promise<boolean> can accept a promise that resolves with a boolean. Resolving with a truthy value, will trigger the navigation to next step. Rejecting with a message, will set an internal message that can be handled and displayed if needed.
In browser playground