Forms: It would be useful to be able to submit and validate a form using a template ref from a button that lives outside of the Form component

[nexgen-ui]

I think it is a pretty common use case to have a button that you want to trigger a form submission where the button is outside the form component. You used to be able to do this quite easily using PrimeVue 3 and Vuelidate. It's especially annoying when using a Dialog for example, where the buttons are typically in their own footer template and the body of the modal contains the form.

PrimeVue 3 sample

`const submitted = ref(false);

const rules = {
currentPassword: { required },
newPassword: { required },
confirmPassword: { required }
};

const v$ = useVuelidate(rules, password);

const save = async () => {
const isFormValid = await v$.value.$validate();

submitted.value = true;

if (!isFormValid) {
return;
}

await userAccountStore.changePassword(password.value);
}`