sfp_vue_franchisor_ginastica_cerebro/src/components/defaults/DefaultForm.vue

<template>
  <QForm ref="formRef" v-bind="$attrs" @validation-error="onValidationError">
    <slot />
  </QForm>
</template>

<script setup>
import { QForm } from "quasar";
import { useTemplateRef } from "vue";
import { useScroll } from "src/composables/useScroll";

defineOptions({ inheritAttrs: false });

const formRef = useTemplateRef("formRef");
const { scrollToComponent } = useScroll();

const onValidationError = (component) => {
  if (!component) return;

  component.focus?.();

  scrollToComponent(component);
};

const validate = (...args) => formRef.value?.validate(...args);

const resetValidation = (...args) => formRef.value?.resetValidation(...args);

const getValidationComponents = (...args) =>
  formRef.value?.getValidationComponents(...args);

const submit = (...args) => formRef.value?.submit(...args);

defineExpose({ validate, resetValidation, getValidationComponents, submit });
</script>