@hybridly/vue 0.7.7 → 0.7.8

package/dist/index.cjs

@@ -412,6 +412,16 @@ function viewTransition() {
   };
 }
 
+const formStore = {
+  defaultConfig: {},
+  setDefaultConfig: (config) => {
+    formStore.defaultConfig = config;
+  },
+  getDefaultConfig: () => {
+    return utils.clone(formStore.defaultConfig);
+  }
+};
+
 async function initializeHybridly(options = {}) {
   const resolved = options;
   const { element, payload, resolve } = prepare(resolved);
@@ -503,6 +513,9 @@ function prepare(options) {
   if (options.viewTransition !== false) {
     options.plugins.push(viewTransition());
   }
+  if (options.defaultFormOptions) {
+    formStore.setDefaultConfig(options.defaultFormOptions);
+  }
   return {
     isServer,
     element,
@@ -768,7 +781,8 @@ function useForm(options) {
   }
   function submit(optionsOverrides) {
     const { fields: _f, key: _k, ...optionsWithoutFields } = options;
-    const optionsWithOverrides = optionsOverrides ? utils.merge(optionsWithoutFields, optionsOverrides, { mergePlainObjects: true }) : optionsWithoutFields;
+    const resolvedOptions = optionsOverrides ? utils.merge(optionsWithoutFields, optionsOverrides, { mergePlainObjects: true }) : optionsWithoutFields;
+    const optionsWithOverrides = utils.merge(formStore.getDefaultConfig(), resolvedOptions, { mergePlainObjects: true });
     const url = typeof optionsWithOverrides.url === "function" ? optionsWithOverrides.url() : optionsWithOverrides.url;
     const data = typeof optionsWithOverrides.transform === "function" ? optionsWithOverrides.transform(fields) : fields;
     const preserveState = optionsWithOverrides.preserveState ?? optionsWithOverrides.method !== "GET";

package/dist/index.d.cts

@@ -1,12 +1,12 @@
 import * as vue from 'vue';
-import { App, Plugin as Plugin$1, h, PropType, ComputedRef, DeepReadonly, Ref, MaybeRefOrGetter } from 'vue';
+import { ComputedRef, DeepReadonly, Ref, MaybeRefOrGetter, App, Plugin as Plugin$1, h, PropType } from 'vue';
 import * as _hybridly_core from '@hybridly/core';
-import { RouterContextOptions, Plugin, RouterContext, Method, HybridRequestOptions, UrlResolvable, registerHook as registerHook$1, RouteParameters } from '@hybridly/core';
+import { HybridRequestOptions, UrlResolvable, RouterContext, registerHook as registerHook$1, RouteParameters, RouterContextOptions, Plugin, Method } from '@hybridly/core';
 export { can, route, router } from '@hybridly/core';
 import { Axios } from 'axios';
-import * as _vue_shared from '@vue/shared';
-import { RequestData, FormDataConvertible } from '@hybridly/utils';
 import { SearchableObject, Path, PathValue } from '@clickbar/dot-diver';
+import { FormDataConvertible, RequestData } from '@hybridly/utils';
+import * as _vue_shared from '@vue/shared';
 
 interface ProgressOptions {
     /**
@@ -36,176 +36,6 @@ interface ProgressOptions {
     spinner: boolean;
 }
 
-/**
- * Initializes Hybridly's router and context.
- */
-declare function initializeHybridly(options?: InitializeOptions): Promise<any>;
-interface InitializeOptions {
-    /** Callback that gets executed before Vue is mounted. */
-    enhanceVue?: (vue: App<Element>) => any;
-    /** ID of the app element. */
-    id?: string;
-    /** Clean up the host element's payload dataset after loading. */
-    cleanup?: boolean;
-    /** Whether to set up the devtools plugin. */
-    devtools?: boolean;
-    /** Whether to display response error modals. */
-    responseErrorModals?: boolean;
-    /** Custom history state serialization functions. */
-    serializer?: RouterContextOptions['serializer'];
-    /** Progressbar options. */
-    progress?: false | Partial<ProgressOptions>;
-    /** Sets up the hybridly router. */
-    setup?: (options: SetupArguments) => any;
-    /** List of Hybridly plugins. */
-    plugins?: Plugin[];
-    /** Custom Axios instance. */
-    axios?: Axios;
-    /**
-     * Enables the View Transition API, if supported.
-     * @see https://developer.mozilla.org/en-US/docs/Web/API/ViewTransition
-     */
-    viewTransition?: boolean;
-}
-interface SetupArguments {
-    /** DOM element to mount Vue on. */
-    element: Element;
-    /** Hybridly wrapper component. */
-    wrapper: any;
-    /** Hybridly wrapper component properties. */
-    props: {
-        context: RouterContext;
-    };
-    /** Vue plugin that registers the devtools. */
-    hybridly: Plugin$1;
-    /** Renders the wrapper. */
-    render: () => ReturnType<typeof h>;
-    /** Initial payload. */
-    payload: Record<string, any>;
-}
-
-declare const RouterLink: vue.DefineComponent<{
-    href: {
-        type: StringConstructor;
-        required: false;
-        default: undefined;
-    };
-    as: {
-        type: (ObjectConstructor | StringConstructor)[];
-        default: string;
-    };
-    method: {
-        type: PropType<"delete" | Method | "get" | "post" | "put" | "patch">;
-        default: string;
-    };
-    data: {
-        type: PropType<RequestData>;
-        default: () => {};
-    };
-    external: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    options: {
-        type: PropType<Omit<HybridRequestOptions, "data" | "url" | "method">>;
-        default: () => {};
-    };
-    text: {
-        type: StringConstructor;
-        required: false;
-        default: undefined;
-    };
-    preload: {
-        type: PropType<boolean | "hover" | "mount">;
-        default: boolean;
-    };
-    preserveScroll: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    preserveState: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-}, (props: _vue_shared.LooseRequired<{
-    readonly data: RequestData;
-    readonly method: "delete" | Method | "get" | "post" | "put" | "patch";
-    readonly options: Omit<HybridRequestOptions, "data" | "url" | "method">;
-    readonly as: string | Record<string, any>;
-    readonly external: boolean;
-    readonly disabled: boolean;
-    readonly preload: boolean | "hover" | "mount";
-    readonly text?: string | undefined;
-    readonly preserveScroll?: boolean | undefined;
-    readonly preserveState?: boolean | undefined;
-    readonly href?: string | undefined;
-} & {}>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    href: {
-        type: StringConstructor;
-        required: false;
-        default: undefined;
-    };
-    as: {
-        type: (ObjectConstructor | StringConstructor)[];
-        default: string;
-    };
-    method: {
-        type: PropType<"delete" | Method | "get" | "post" | "put" | "patch">;
-        default: string;
-    };
-    data: {
-        type: PropType<RequestData>;
-        default: () => {};
-    };
-    external: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    options: {
-        type: PropType<Omit<HybridRequestOptions, "data" | "url" | "method">>;
-        default: () => {};
-    };
-    text: {
-        type: StringConstructor;
-        required: false;
-        default: undefined;
-    };
-    preload: {
-        type: PropType<boolean | "hover" | "mount">;
-        default: boolean;
-    };
-    preserveScroll: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    preserveState: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-}>>, {
-    data: RequestData;
-    text: string;
-    preserveScroll: boolean;
-    preserveState: boolean;
-    method: "delete" | Method | "get" | "post" | "put" | "patch";
-    href: string;
-    options: Omit<HybridRequestOptions, "data" | "url" | "method">;
-    as: string | Record<string, any>;
-    external: boolean;
-    disabled: boolean;
-    preload: boolean | "hover" | "mount";
-}, {}>;
-
 /** Accesses all current properties. */
 declare function useProperties<T extends object, Global extends GlobalHybridlyProperties = GlobalHybridlyProperties>(): vue.DeepReadonly<vue.UnwrapNestedRefs<T & Global>>;
 /** Accesses a property with a dot notation. */
@@ -219,6 +49,7 @@ declare function setProperty<Override = never, T extends SearchableObject = Glob
 type Errors<T extends SearchableObject> = {
     [K in keyof T]?: T[K] extends Record<string, any> ? Errors<T[K]> : string;
 };
+type DefaultFormOptions = Pick<FormOptions<object>, 'timeout' | 'reset' | 'updateInitials' | 'progress' | 'preserveScroll' | 'preserveState' | 'preserveUrl' | 'headers' | 'errorBag' | 'spoof' | 'transformUrl' | 'updateHistoryState' | 'useFormData'>;
 interface FormOptions<T extends SearchableObject> extends Omit<HybridRequestOptions, 'data' | 'url'> {
     fields: T;
     url?: UrlResolvable | (() => UrlResolvable);
@@ -927,4 +758,176 @@ declare function useTable<RecordType extends (Props[PropsKey] extends Table<infe
  */
 declare function useQueryParameters<T extends Record<string, any> = Record<string, any>>(): T;
 
-export { type Action, type AvailableHybridRequestOptions, type BindFilterOptions, type BulkAction, type BulkSelection, type Column, type InlineAction, type RecordIdentifier, RouterLink, type SortDirection, type ToggleSortOptions, initializeHybridly, registerHook, setProperty, useBackForward, useBulkSelect, useDialog, useForm, useHistoryState, useProperties, useProperty, useQueryParameters, useRefinements, useRoute, useTable };
+/**
+ * Initializes Hybridly's router and context.
+ */
+declare function initializeHybridly(options?: InitializeOptions): Promise<any>;
+interface InitializeOptions {
+    /** Callback that gets executed before Vue is mounted. */
+    enhanceVue?: (vue: App<Element>) => any;
+    /** ID of the app element. */
+    id?: string;
+    /** Clean up the host element's payload dataset after loading. */
+    cleanup?: boolean;
+    /** Whether to set up the devtools plugin. */
+    devtools?: boolean;
+    /** Whether to display response error modals. */
+    responseErrorModals?: boolean;
+    /** Custom history state serialization functions. */
+    serializer?: RouterContextOptions['serializer'];
+    /** Progressbar options. */
+    progress?: false | Partial<ProgressOptions>;
+    /** Sets up the hybridly router. */
+    setup?: (options: SetupArguments) => any;
+    /** List of Hybridly plugins. */
+    plugins?: Plugin[];
+    /** Custom Axios instance. */
+    axios?: Axios;
+    /**
+     * Enables the View Transition API, if supported.
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/ViewTransition
+     */
+    viewTransition?: boolean;
+    /** Options that will apply to all forms by default. Specific forms' options will override them. */
+    defaultFormOptions?: DefaultFormOptions;
+}
+interface SetupArguments {
+    /** DOM element to mount Vue on. */
+    element: Element;
+    /** Hybridly wrapper component. */
+    wrapper: any;
+    /** Hybridly wrapper component properties. */
+    props: {
+        context: RouterContext;
+    };
+    /** Vue plugin that registers the devtools. */
+    hybridly: Plugin$1;
+    /** Renders the wrapper. */
+    render: () => ReturnType<typeof h>;
+    /** Initial payload. */
+    payload: Record<string, any>;
+}
+
+declare const RouterLink: vue.DefineComponent<{
+    href: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    as: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: string;
+    };
+    method: {
+        type: PropType<"delete" | Method | "get" | "post" | "put" | "patch">;
+        default: string;
+    };
+    data: {
+        type: PropType<RequestData>;
+        default: () => {};
+    };
+    external: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    options: {
+        type: PropType<Omit<HybridRequestOptions, "data" | "url" | "method">>;
+        default: () => {};
+    };
+    text: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    preload: {
+        type: PropType<boolean | "hover" | "mount">;
+        default: boolean;
+    };
+    preserveScroll: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    preserveState: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}, (props: _vue_shared.LooseRequired<{
+    readonly data: RequestData;
+    readonly method: "delete" | Method | "get" | "post" | "put" | "patch";
+    readonly options: Omit<HybridRequestOptions, "data" | "url" | "method">;
+    readonly as: string | Record<string, any>;
+    readonly external: boolean;
+    readonly disabled: boolean;
+    readonly preload: boolean | "hover" | "mount";
+    readonly text?: string | undefined;
+    readonly preserveScroll?: boolean | undefined;
+    readonly preserveState?: boolean | undefined;
+    readonly href?: string | undefined;
+} & {}>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    href: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    as: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: string;
+    };
+    method: {
+        type: PropType<"delete" | Method | "get" | "post" | "put" | "patch">;
+        default: string;
+    };
+    data: {
+        type: PropType<RequestData>;
+        default: () => {};
+    };
+    external: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    options: {
+        type: PropType<Omit<HybridRequestOptions, "data" | "url" | "method">>;
+        default: () => {};
+    };
+    text: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    preload: {
+        type: PropType<boolean | "hover" | "mount">;
+        default: boolean;
+    };
+    preserveScroll: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    preserveState: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>>, {
+    data: RequestData;
+    text: string;
+    preserveScroll: boolean;
+    preserveState: boolean;
+    method: "delete" | Method | "get" | "post" | "put" | "patch";
+    href: string;
+    options: Omit<HybridRequestOptions, "data" | "url" | "method">;
+    as: string | Record<string, any>;
+    external: boolean;
+    disabled: boolean;
+    preload: boolean | "hover" | "mount";
+}, {}>;
+
+export { type Action, type AvailableHybridRequestOptions, type BindFilterOptions, type BulkAction, type BulkSelection, type Column, type DefaultFormOptions, type InitializeOptions, type InlineAction, type RecordIdentifier, RouterLink, type SortDirection, type ToggleSortOptions, initializeHybridly, registerHook, setProperty, useBackForward, useBulkSelect, useDialog, useForm, useHistoryState, useProperties, useProperty, useQueryParameters, useRefinements, useRoute, useTable };

package/dist/index.d.mts

@@ -1,12 +1,12 @@
 import * as vue from 'vue';
-import { App, Plugin as Plugin$1, h, PropType, ComputedRef, DeepReadonly, Ref, MaybeRefOrGetter } from 'vue';
+import { ComputedRef, DeepReadonly, Ref, MaybeRefOrGetter, App, Plugin as Plugin$1, h, PropType } from 'vue';
 import * as _hybridly_core from '@hybridly/core';
-import { RouterContextOptions, Plugin, RouterContext, Method, HybridRequestOptions, UrlResolvable, registerHook as registerHook$1, RouteParameters } from '@hybridly/core';
+import { HybridRequestOptions, UrlResolvable, RouterContext, registerHook as registerHook$1, RouteParameters, RouterContextOptions, Plugin, Method } from '@hybridly/core';
 export { can, route, router } from '@hybridly/core';
 import { Axios } from 'axios';
-import * as _vue_shared from '@vue/shared';
-import { RequestData, FormDataConvertible } from '@hybridly/utils';
 import { SearchableObject, Path, PathValue } from '@clickbar/dot-diver';
+import { FormDataConvertible, RequestData } from '@hybridly/utils';
+import * as _vue_shared from '@vue/shared';
 
 interface ProgressOptions {
     /**
@@ -36,176 +36,6 @@ interface ProgressOptions {
     spinner: boolean;
 }
 
-/**
- * Initializes Hybridly's router and context.
- */
-declare function initializeHybridly(options?: InitializeOptions): Promise<any>;
-interface InitializeOptions {
-    /** Callback that gets executed before Vue is mounted. */
-    enhanceVue?: (vue: App<Element>) => any;
-    /** ID of the app element. */
-    id?: string;
-    /** Clean up the host element's payload dataset after loading. */
-    cleanup?: boolean;
-    /** Whether to set up the devtools plugin. */
-    devtools?: boolean;
-    /** Whether to display response error modals. */
-    responseErrorModals?: boolean;
-    /** Custom history state serialization functions. */
-    serializer?: RouterContextOptions['serializer'];
-    /** Progressbar options. */
-    progress?: false | Partial<ProgressOptions>;
-    /** Sets up the hybridly router. */
-    setup?: (options: SetupArguments) => any;
-    /** List of Hybridly plugins. */
-    plugins?: Plugin[];
-    /** Custom Axios instance. */
-    axios?: Axios;
-    /**
-     * Enables the View Transition API, if supported.
-     * @see https://developer.mozilla.org/en-US/docs/Web/API/ViewTransition
-     */
-    viewTransition?: boolean;
-}
-interface SetupArguments {
-    /** DOM element to mount Vue on. */
-    element: Element;
-    /** Hybridly wrapper component. */
-    wrapper: any;
-    /** Hybridly wrapper component properties. */
-    props: {
-        context: RouterContext;
-    };
-    /** Vue plugin that registers the devtools. */
-    hybridly: Plugin$1;
-    /** Renders the wrapper. */
-    render: () => ReturnType<typeof h>;
-    /** Initial payload. */
-    payload: Record<string, any>;
-}
-
-declare const RouterLink: vue.DefineComponent<{
-    href: {
-        type: StringConstructor;
-        required: false;
-        default: undefined;
-    };
-    as: {
-        type: (ObjectConstructor | StringConstructor)[];
-        default: string;
-    };
-    method: {
-        type: PropType<"delete" | Method | "get" | "post" | "put" | "patch">;
-        default: string;
-    };
-    data: {
-        type: PropType<RequestData>;
-        default: () => {};
-    };
-    external: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    options: {
-        type: PropType<Omit<HybridRequestOptions, "data" | "url" | "method">>;
-        default: () => {};
-    };
-    text: {
-        type: StringConstructor;
-        required: false;
-        default: undefined;
-    };
-    preload: {
-        type: PropType<boolean | "hover" | "mount">;
-        default: boolean;
-    };
-    preserveScroll: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    preserveState: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-}, (props: _vue_shared.LooseRequired<{
-    readonly data: RequestData;
-    readonly method: "delete" | Method | "get" | "post" | "put" | "patch";
-    readonly options: Omit<HybridRequestOptions, "data" | "url" | "method">;
-    readonly as: string | Record<string, any>;
-    readonly external: boolean;
-    readonly disabled: boolean;
-    readonly preload: boolean | "hover" | "mount";
-    readonly text?: string | undefined;
-    readonly preserveScroll?: boolean | undefined;
-    readonly preserveState?: boolean | undefined;
-    readonly href?: string | undefined;
-} & {}>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    href: {
-        type: StringConstructor;
-        required: false;
-        default: undefined;
-    };
-    as: {
-        type: (ObjectConstructor | StringConstructor)[];
-        default: string;
-    };
-    method: {
-        type: PropType<"delete" | Method | "get" | "post" | "put" | "patch">;
-        default: string;
-    };
-    data: {
-        type: PropType<RequestData>;
-        default: () => {};
-    };
-    external: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    options: {
-        type: PropType<Omit<HybridRequestOptions, "data" | "url" | "method">>;
-        default: () => {};
-    };
-    text: {
-        type: StringConstructor;
-        required: false;
-        default: undefined;
-    };
-    preload: {
-        type: PropType<boolean | "hover" | "mount">;
-        default: boolean;
-    };
-    preserveScroll: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    preserveState: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-}>>, {
-    data: RequestData;
-    text: string;
-    preserveScroll: boolean;
-    preserveState: boolean;
-    method: "delete" | Method | "get" | "post" | "put" | "patch";
-    href: string;
-    options: Omit<HybridRequestOptions, "data" | "url" | "method">;
-    as: string | Record<string, any>;
-    external: boolean;
-    disabled: boolean;
-    preload: boolean | "hover" | "mount";
-}, {}>;
-
 /** Accesses all current properties. */
 declare function useProperties<T extends object, Global extends GlobalHybridlyProperties = GlobalHybridlyProperties>(): vue.DeepReadonly<vue.UnwrapNestedRefs<T & Global>>;
 /** Accesses a property with a dot notation. */
@@ -219,6 +49,7 @@ declare function setProperty<Override = never, T extends SearchableObject = Glob
 type Errors<T extends SearchableObject> = {
     [K in keyof T]?: T[K] extends Record<string, any> ? Errors<T[K]> : string;
 };
+type DefaultFormOptions = Pick<FormOptions<object>, 'timeout' | 'reset' | 'updateInitials' | 'progress' | 'preserveScroll' | 'preserveState' | 'preserveUrl' | 'headers' | 'errorBag' | 'spoof' | 'transformUrl' | 'updateHistoryState' | 'useFormData'>;
 interface FormOptions<T extends SearchableObject> extends Omit<HybridRequestOptions, 'data' | 'url'> {
     fields: T;
     url?: UrlResolvable | (() => UrlResolvable);
@@ -927,4 +758,176 @@ declare function useTable<RecordType extends (Props[PropsKey] extends Table<infe
  */
 declare function useQueryParameters<T extends Record<string, any> = Record<string, any>>(): T;
 
-export { type Action, type AvailableHybridRequestOptions, type BindFilterOptions, type BulkAction, type BulkSelection, type Column, type InlineAction, type RecordIdentifier, RouterLink, type SortDirection, type ToggleSortOptions, initializeHybridly, registerHook, setProperty, useBackForward, useBulkSelect, useDialog, useForm, useHistoryState, useProperties, useProperty, useQueryParameters, useRefinements, useRoute, useTable };
+/**
+ * Initializes Hybridly's router and context.
+ */
+declare function initializeHybridly(options?: InitializeOptions): Promise<any>;
+interface InitializeOptions {
+    /** Callback that gets executed before Vue is mounted. */
+    enhanceVue?: (vue: App<Element>) => any;
+    /** ID of the app element. */
+    id?: string;
+    /** Clean up the host element's payload dataset after loading. */
+    cleanup?: boolean;
+    /** Whether to set up the devtools plugin. */
+    devtools?: boolean;
+    /** Whether to display response error modals. */
+    responseErrorModals?: boolean;
+    /** Custom history state serialization functions. */
+    serializer?: RouterContextOptions['serializer'];
+    /** Progressbar options. */
+    progress?: false | Partial<ProgressOptions>;
+    /** Sets up the hybridly router. */
+    setup?: (options: SetupArguments) => any;
+    /** List of Hybridly plugins. */
+    plugins?: Plugin[];
+    /** Custom Axios instance. */
+    axios?: Axios;
+    /**
+     * Enables the View Transition API, if supported.
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/ViewTransition
+     */
+    viewTransition?: boolean;
+    /** Options that will apply to all forms by default. Specific forms' options will override them. */
+    defaultFormOptions?: DefaultFormOptions;
+}
+interface SetupArguments {
+    /** DOM element to mount Vue on. */
+    element: Element;
+    /** Hybridly wrapper component. */
+    wrapper: any;
+    /** Hybridly wrapper component properties. */
+    props: {
+        context: RouterContext;
+    };
+    /** Vue plugin that registers the devtools. */
+    hybridly: Plugin$1;
+    /** Renders the wrapper. */
+    render: () => ReturnType<typeof h>;
+    /** Initial payload. */
+    payload: Record<string, any>;
+}
+
+declare const RouterLink: vue.DefineComponent<{
+    href: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    as: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: string;
+    };
+    method: {
+        type: PropType<"delete" | Method | "get" | "post" | "put" | "patch">;
+        default: string;
+    };
+    data: {
+        type: PropType<RequestData>;
+        default: () => {};
+    };
+    external: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    options: {
+        type: PropType<Omit<HybridRequestOptions, "data" | "url" | "method">>;
+        default: () => {};
+    };
+    text: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    preload: {
+        type: PropType<boolean | "hover" | "mount">;
+        default: boolean;
+    };
+    preserveScroll: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    preserveState: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}, (props: _vue_shared.LooseRequired<{
+    readonly data: RequestData;
+    readonly method: "delete" | Method | "get" | "post" | "put" | "patch";
+    readonly options: Omit<HybridRequestOptions, "data" | "url" | "method">;
+    readonly as: string | Record<string, any>;
+    readonly external: boolean;
+    readonly disabled: boolean;
+    readonly preload: boolean | "hover" | "mount";
+    readonly text?: string | undefined;
+    readonly preserveScroll?: boolean | undefined;
+    readonly preserveState?: boolean | undefined;
+    readonly href?: string | undefined;
+} & {}>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    href: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    as: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: string;
+    };
+    method: {
+        type: PropType<"delete" | Method | "get" | "post" | "put" | "patch">;
+        default: string;
+    };
+    data: {
+        type: PropType<RequestData>;
+        default: () => {};
+    };
+    external: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    options: {
+        type: PropType<Omit<HybridRequestOptions, "data" | "url" | "method">>;
+        default: () => {};
+    };
+    text: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    preload: {
+        type: PropType<boolean | "hover" | "mount">;
+        default: boolean;
+    };
+    preserveScroll: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    preserveState: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>>, {
+    data: RequestData;
+    text: string;
+    preserveScroll: boolean;
+    preserveState: boolean;
+    method: "delete" | Method | "get" | "post" | "put" | "patch";
+    href: string;
+    options: Omit<HybridRequestOptions, "data" | "url" | "method">;
+    as: string | Record<string, any>;
+    external: boolean;
+    disabled: boolean;
+    preload: boolean | "hover" | "mount";
+}, {}>;
+
+export { type Action, type AvailableHybridRequestOptions, type BindFilterOptions, type BulkAction, type BulkSelection, type Column, type DefaultFormOptions, type InitializeOptions, type InlineAction, type RecordIdentifier, RouterLink, type SortDirection, type ToggleSortOptions, initializeHybridly, registerHook, setProperty, useBackForward, useBulkSelect, useDialog, useForm, useHistoryState, useProperties, useProperty, useQueryParameters, useRefinements, useRoute, useTable };

package/dist/index.d.ts

@@ -1,12 +1,12 @@
 import * as vue from 'vue';
-import { App, Plugin as Plugin$1, h, PropType, ComputedRef, DeepReadonly, Ref, MaybeRefOrGetter } from 'vue';
+import { ComputedRef, DeepReadonly, Ref, MaybeRefOrGetter, App, Plugin as Plugin$1, h, PropType } from 'vue';
 import * as _hybridly_core from '@hybridly/core';
-import { RouterContextOptions, Plugin, RouterContext, Method, HybridRequestOptions, UrlResolvable, registerHook as registerHook$1, RouteParameters } from '@hybridly/core';
+import { HybridRequestOptions, UrlResolvable, RouterContext, registerHook as registerHook$1, RouteParameters, RouterContextOptions, Plugin, Method } from '@hybridly/core';
 export { can, route, router } from '@hybridly/core';
 import { Axios } from 'axios';
-import * as _vue_shared from '@vue/shared';
-import { RequestData, FormDataConvertible } from '@hybridly/utils';
 import { SearchableObject, Path, PathValue } from '@clickbar/dot-diver';
+import { FormDataConvertible, RequestData } from '@hybridly/utils';
+import * as _vue_shared from '@vue/shared';
 
 interface ProgressOptions {
     /**
@@ -36,176 +36,6 @@ interface ProgressOptions {
     spinner: boolean;
 }
 
-/**
- * Initializes Hybridly's router and context.
- */
-declare function initializeHybridly(options?: InitializeOptions): Promise<any>;
-interface InitializeOptions {
-    /** Callback that gets executed before Vue is mounted. */
-    enhanceVue?: (vue: App<Element>) => any;
-    /** ID of the app element. */
-    id?: string;
-    /** Clean up the host element's payload dataset after loading. */
-    cleanup?: boolean;
-    /** Whether to set up the devtools plugin. */
-    devtools?: boolean;
-    /** Whether to display response error modals. */
-    responseErrorModals?: boolean;
-    /** Custom history state serialization functions. */
-    serializer?: RouterContextOptions['serializer'];
-    /** Progressbar options. */
-    progress?: false | Partial<ProgressOptions>;
-    /** Sets up the hybridly router. */
-    setup?: (options: SetupArguments) => any;
-    /** List of Hybridly plugins. */
-    plugins?: Plugin[];
-    /** Custom Axios instance. */
-    axios?: Axios;
-    /**
-     * Enables the View Transition API, if supported.
-     * @see https://developer.mozilla.org/en-US/docs/Web/API/ViewTransition
-     */
-    viewTransition?: boolean;
-}
-interface SetupArguments {
-    /** DOM element to mount Vue on. */
-    element: Element;
-    /** Hybridly wrapper component. */
-    wrapper: any;
-    /** Hybridly wrapper component properties. */
-    props: {
-        context: RouterContext;
-    };
-    /** Vue plugin that registers the devtools. */
-    hybridly: Plugin$1;
-    /** Renders the wrapper. */
-    render: () => ReturnType<typeof h>;
-    /** Initial payload. */
-    payload: Record<string, any>;
-}
-
-declare const RouterLink: vue.DefineComponent<{
-    href: {
-        type: StringConstructor;
-        required: false;
-        default: undefined;
-    };
-    as: {
-        type: (ObjectConstructor | StringConstructor)[];
-        default: string;
-    };
-    method: {
-        type: PropType<"delete" | Method | "get" | "post" | "put" | "patch">;
-        default: string;
-    };
-    data: {
-        type: PropType<RequestData>;
-        default: () => {};
-    };
-    external: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    options: {
-        type: PropType<Omit<HybridRequestOptions, "data" | "url" | "method">>;
-        default: () => {};
-    };
-    text: {
-        type: StringConstructor;
-        required: false;
-        default: undefined;
-    };
-    preload: {
-        type: PropType<boolean | "hover" | "mount">;
-        default: boolean;
-    };
-    preserveScroll: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    preserveState: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-}, (props: _vue_shared.LooseRequired<{
-    readonly data: RequestData;
-    readonly method: "delete" | Method | "get" | "post" | "put" | "patch";
-    readonly options: Omit<HybridRequestOptions, "data" | "url" | "method">;
-    readonly as: string | Record<string, any>;
-    readonly external: boolean;
-    readonly disabled: boolean;
-    readonly preload: boolean | "hover" | "mount";
-    readonly text?: string | undefined;
-    readonly preserveScroll?: boolean | undefined;
-    readonly preserveState?: boolean | undefined;
-    readonly href?: string | undefined;
-} & {}>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    href: {
-        type: StringConstructor;
-        required: false;
-        default: undefined;
-    };
-    as: {
-        type: (ObjectConstructor | StringConstructor)[];
-        default: string;
-    };
-    method: {
-        type: PropType<"delete" | Method | "get" | "post" | "put" | "patch">;
-        default: string;
-    };
-    data: {
-        type: PropType<RequestData>;
-        default: () => {};
-    };
-    external: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    options: {
-        type: PropType<Omit<HybridRequestOptions, "data" | "url" | "method">>;
-        default: () => {};
-    };
-    text: {
-        type: StringConstructor;
-        required: false;
-        default: undefined;
-    };
-    preload: {
-        type: PropType<boolean | "hover" | "mount">;
-        default: boolean;
-    };
-    preserveScroll: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    preserveState: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-}>>, {
-    data: RequestData;
-    text: string;
-    preserveScroll: boolean;
-    preserveState: boolean;
-    method: "delete" | Method | "get" | "post" | "put" | "patch";
-    href: string;
-    options: Omit<HybridRequestOptions, "data" | "url" | "method">;
-    as: string | Record<string, any>;
-    external: boolean;
-    disabled: boolean;
-    preload: boolean | "hover" | "mount";
-}, {}>;
-
 /** Accesses all current properties. */
 declare function useProperties<T extends object, Global extends GlobalHybridlyProperties = GlobalHybridlyProperties>(): vue.DeepReadonly<vue.UnwrapNestedRefs<T & Global>>;
 /** Accesses a property with a dot notation. */
@@ -219,6 +49,7 @@ declare function setProperty<Override = never, T extends SearchableObject = Glob
 type Errors<T extends SearchableObject> = {
     [K in keyof T]?: T[K] extends Record<string, any> ? Errors<T[K]> : string;
 };
+type DefaultFormOptions = Pick<FormOptions<object>, 'timeout' | 'reset' | 'updateInitials' | 'progress' | 'preserveScroll' | 'preserveState' | 'preserveUrl' | 'headers' | 'errorBag' | 'spoof' | 'transformUrl' | 'updateHistoryState' | 'useFormData'>;
 interface FormOptions<T extends SearchableObject> extends Omit<HybridRequestOptions, 'data' | 'url'> {
     fields: T;
     url?: UrlResolvable | (() => UrlResolvable);
@@ -927,4 +758,176 @@ declare function useTable<RecordType extends (Props[PropsKey] extends Table<infe
  */
 declare function useQueryParameters<T extends Record<string, any> = Record<string, any>>(): T;
 
-export { type Action, type AvailableHybridRequestOptions, type BindFilterOptions, type BulkAction, type BulkSelection, type Column, type InlineAction, type RecordIdentifier, RouterLink, type SortDirection, type ToggleSortOptions, initializeHybridly, registerHook, setProperty, useBackForward, useBulkSelect, useDialog, useForm, useHistoryState, useProperties, useProperty, useQueryParameters, useRefinements, useRoute, useTable };
+/**
+ * Initializes Hybridly's router and context.
+ */
+declare function initializeHybridly(options?: InitializeOptions): Promise<any>;
+interface InitializeOptions {
+    /** Callback that gets executed before Vue is mounted. */
+    enhanceVue?: (vue: App<Element>) => any;
+    /** ID of the app element. */
+    id?: string;
+    /** Clean up the host element's payload dataset after loading. */
+    cleanup?: boolean;
+    /** Whether to set up the devtools plugin. */
+    devtools?: boolean;
+    /** Whether to display response error modals. */
+    responseErrorModals?: boolean;
+    /** Custom history state serialization functions. */
+    serializer?: RouterContextOptions['serializer'];
+    /** Progressbar options. */
+    progress?: false | Partial<ProgressOptions>;
+    /** Sets up the hybridly router. */
+    setup?: (options: SetupArguments) => any;
+    /** List of Hybridly plugins. */
+    plugins?: Plugin[];
+    /** Custom Axios instance. */
+    axios?: Axios;
+    /**
+     * Enables the View Transition API, if supported.
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/ViewTransition
+     */
+    viewTransition?: boolean;
+    /** Options that will apply to all forms by default. Specific forms' options will override them. */
+    defaultFormOptions?: DefaultFormOptions;
+}
+interface SetupArguments {
+    /** DOM element to mount Vue on. */
+    element: Element;
+    /** Hybridly wrapper component. */
+    wrapper: any;
+    /** Hybridly wrapper component properties. */
+    props: {
+        context: RouterContext;
+    };
+    /** Vue plugin that registers the devtools. */
+    hybridly: Plugin$1;
+    /** Renders the wrapper. */
+    render: () => ReturnType<typeof h>;
+    /** Initial payload. */
+    payload: Record<string, any>;
+}
+
+declare const RouterLink: vue.DefineComponent<{
+    href: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    as: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: string;
+    };
+    method: {
+        type: PropType<"delete" | Method | "get" | "post" | "put" | "patch">;
+        default: string;
+    };
+    data: {
+        type: PropType<RequestData>;
+        default: () => {};
+    };
+    external: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    options: {
+        type: PropType<Omit<HybridRequestOptions, "data" | "url" | "method">>;
+        default: () => {};
+    };
+    text: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    preload: {
+        type: PropType<boolean | "hover" | "mount">;
+        default: boolean;
+    };
+    preserveScroll: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    preserveState: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}, (props: _vue_shared.LooseRequired<{
+    readonly data: RequestData;
+    readonly method: "delete" | Method | "get" | "post" | "put" | "patch";
+    readonly options: Omit<HybridRequestOptions, "data" | "url" | "method">;
+    readonly as: string | Record<string, any>;
+    readonly external: boolean;
+    readonly disabled: boolean;
+    readonly preload: boolean | "hover" | "mount";
+    readonly text?: string | undefined;
+    readonly preserveScroll?: boolean | undefined;
+    readonly preserveState?: boolean | undefined;
+    readonly href?: string | undefined;
+} & {}>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    href: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    as: {
+        type: (ObjectConstructor | StringConstructor)[];
+        default: string;
+    };
+    method: {
+        type: PropType<"delete" | Method | "get" | "post" | "put" | "patch">;
+        default: string;
+    };
+    data: {
+        type: PropType<RequestData>;
+        default: () => {};
+    };
+    external: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    options: {
+        type: PropType<Omit<HybridRequestOptions, "data" | "url" | "method">>;
+        default: () => {};
+    };
+    text: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
+    preload: {
+        type: PropType<boolean | "hover" | "mount">;
+        default: boolean;
+    };
+    preserveScroll: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    preserveState: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>>, {
+    data: RequestData;
+    text: string;
+    preserveScroll: boolean;
+    preserveState: boolean;
+    method: "delete" | Method | "get" | "post" | "put" | "patch";
+    href: string;
+    options: Omit<HybridRequestOptions, "data" | "url" | "method">;
+    as: string | Record<string, any>;
+    external: boolean;
+    disabled: boolean;
+    preload: boolean | "hover" | "mount";
+}, {}>;
+
+export { type Action, type AvailableHybridRequestOptions, type BindFilterOptions, type BulkAction, type BulkSelection, type Column, type DefaultFormOptions, type InitializeOptions, type InlineAction, type RecordIdentifier, RouterLink, type SortDirection, type ToggleSortOptions, initializeHybridly, registerHook, setProperty, useBackForward, useBulkSelect, useDialog, useForm, useHistoryState, useProperties, useProperty, useQueryParameters, useRefinements, useRoute, useTable };

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { shallowRef, ref, unref, triggerRef, defineComponent, toRaw, h, nextTick, createApp, isRef, reactive, readonly, computed, toValue, watch, getCurrentInstance, onUnmounted } from 'vue';
 import { definePlugin, registerHook as registerHook$1, createRouter, makeUrl, router, route } from '@hybridly/core';
 export { can, route, router } from '@hybridly/core';
-import { debug, random, showViewComponentErrorModal, merge, clone, unsetPropertyAtPath, setValueAtPath } from '@hybridly/utils';
+import { debug, clone, random, showViewComponentErrorModal, merge, unsetPropertyAtPath, setValueAtPath } from '@hybridly/utils';
 import nprogress from 'nprogress';
 import { setupDevtoolsPlugin } from '@vue/devtools-api';
 import qs from 'qs';
@@ -405,6 +405,16 @@ function viewTransition() {
   };
 }
 
+const formStore = {
+  defaultConfig: {},
+  setDefaultConfig: (config) => {
+    formStore.defaultConfig = config;
+  },
+  getDefaultConfig: () => {
+    return clone(formStore.defaultConfig);
+  }
+};
+
 async function initializeHybridly(options = {}) {
   const resolved = options;
   const { element, payload, resolve } = prepare(resolved);
@@ -496,6 +506,9 @@ function prepare(options) {
   if (options.viewTransition !== false) {
     options.plugins.push(viewTransition());
   }
+  if (options.defaultFormOptions) {
+    formStore.setDefaultConfig(options.defaultFormOptions);
+  }
   return {
     isServer,
     element,
@@ -761,7 +774,8 @@ function useForm(options) {
   }
   function submit(optionsOverrides) {
     const { fields: _f, key: _k, ...optionsWithoutFields } = options;
-    const optionsWithOverrides = optionsOverrides ? merge(optionsWithoutFields, optionsOverrides, { mergePlainObjects: true }) : optionsWithoutFields;
+    const resolvedOptions = optionsOverrides ? merge(optionsWithoutFields, optionsOverrides, { mergePlainObjects: true }) : optionsWithoutFields;
+    const optionsWithOverrides = merge(formStore.getDefaultConfig(), resolvedOptions, { mergePlainObjects: true });
     const url = typeof optionsWithOverrides.url === "function" ? optionsWithOverrides.url() : optionsWithOverrides.url;
     const data = typeof optionsWithOverrides.transform === "function" ? optionsWithOverrides.transform(fields) : fields;
     const preserveState = optionsWithOverrides.preserveState ?? optionsWithOverrides.method !== "GET";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hybridly/vue",
-  "version": "0.7.7",
+  "version": "0.7.8",
   "description": "Vue adapter for Hybridly",
   "keywords": [
     "hybridly",
@@ -49,8 +49,8 @@
     "lodash.isequal": "^4.5.0",
     "nprogress": "^0.2.0",
     "qs": "^6.12.1",
-    "@hybridly/core": "0.7.7",
-    "@hybridly/utils": "0.7.7"
+    "@hybridly/core": "0.7.8",
+    "@hybridly/utils": "0.7.8"
   },
   "devDependencies": {
     "@types/lodash": "^4.17.0",