@lgarciawebdev/use-fetch-state
Version:
A Nuxt composable for managing fetch state using useFetch with auto-import and type support.
21 lines (20 loc) • 983 B
TypeScript
export interface UseFetchOptions<T> {
method?: string;
body?: any;
headers?: Record<string, string>;
query?: Record<string, any>;
key?: string;
default?: () => T;
lazy?: boolean;
immediate?: boolean;
server?: boolean;
transform?: (input: any) => T;
}
export declare function useFetchState<T>(url: string, params?: UseFetchOptions<T>): {
data: [T | null] extends [import("vue").Ref<any, any>] ? import("@vue/shared").IfAny<import("vue").Ref<any, any> & T, import("vue").Ref<import("vue").Ref<any, any> & T, import("vue").Ref<any, any> & T>, import("vue").Ref<any, any> & T> : import("vue").Ref<import("vue").UnwrapRef<T> | null, T | import("vue").UnwrapRef<T> | null>;
error: import("vue").Ref<unknown, unknown>;
status: import("vue").Ref<"idle" | "pending" | "success" | "error", "idle" | "pending" | "success" | "error">;
actionFn: (event?: Event) => Promise<void>;
refresh: () => Promise<void>;
clear: () => void;
};