fix(form): submit to current page only if action attribute is passed

Author: m0ksem

packages/docs/page-config/ui-elements/form/index.ts

@@ -27,8 +27,9 @@ export default definePageConfig({
     }),
     block.example("Submit", {
       title: "Form submit",
-      description: "You can fire the `submit` event of a `va-form` component: for this you need to set `tag=\"form\"` to the `va-form` and have at least one inner button with `type=\"submit\"`."
+      description: "You can fire the `submit` event of a `va-form` component: for this you need to set `tag=\"form\"` to the `va-form` and have at least one inner button with `type=\"submit\"`",
     }),
+    block.alert('info', 'If `action` attribute is not provided, the `submit` event will prevent default automatically. If you want submit method to be applied to current page (native form behavior) provide `action=""`.'),
 
     block.subtitle("API"),
     block.api("VaForm", apiDescription, apiOptions),

packages/ui/src/components/va-form/VaForm.vue

@@ -2,6 +2,7 @@
   <component
     class="va-form"
     :is="tag"
+    @submit="(e: SubmitEvent) => $attrs.action === undefined && e.preventDefault()"
     v-bind="$attrs"
   >
     <slot v-bind="{ isValid, validate }" />