nuxt/dist/components/runtime/lazy-hydrated-component.d.ts

Nuxt is a free and open-source framework with an intuitive and extendable way to create type-safe, performant and production-grade full-stack web applications and websites with Vue.js.

import type { AsyncComponentLoader, ExtractPropTypes } from 'vue';
export declare const createLazyVisibleComponent: (id: string, loader: AsyncComponentLoader) => import("vue").DefineComponent<ExtractPropTypes<{
    hydrateOnVisible: {
        type: () => true | IntersectionObserverInit;
        required: false;
        default: boolean;
    };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "hydrated"[], "hydrated", import("vue").PublicProps, Readonly<ExtractPropTypes<{
    hydrateOnVisible: {
        type: () => true | IntersectionObserverInit;
        required: false;
        default: boolean;
    };
}>> & Readonly<{
    onHydrated?: ((...args: any[]) => any) | undefined;
}>, {
    hydrateOnVisible: true | IntersectionObserverInit;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export declare const createLazyIdleComponent: (id: string, loader: AsyncComponentLoader) => import("vue").DefineComponent<ExtractPropTypes<{
    hydrateOnIdle: {
        type: () => true | number;
        required: false;
        default: boolean;
    };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "hydrated"[], "hydrated", import("vue").PublicProps, Readonly<ExtractPropTypes<{
    hydrateOnIdle: {
        type: () => true | number;
        required: false;
        default: boolean;
    };
}>> & Readonly<{
    onHydrated?: ((...args: any[]) => any) | undefined;
}>, {
    hydrateOnIdle: number | true;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export declare const createLazyInteractionComponent: (id: string, loader: AsyncComponentLoader) => import("vue").DefineComponent<ExtractPropTypes<{
    hydrateOnInteraction: {
        type: () => keyof HTMLElementEventMap | Array<keyof HTMLElementEventMap> | true;
        required: false;
        default: ("click" | "focus" | "pointerenter")[];
    };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "hydrated"[], "hydrated", import("vue").PublicProps, Readonly<ExtractPropTypes<{
    hydrateOnInteraction: {
        type: () => keyof HTMLElementEventMap | Array<keyof HTMLElementEventMap> | true;
        required: false;
        default: ("click" | "focus" | "pointerenter")[];
    };
}>> & Readonly<{
    onHydrated?: ((...args: any[]) => any) | undefined;
}>, {
    hydrateOnInteraction: true | keyof HTMLElementEventMap | (keyof HTMLElementEventMap)[];
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export declare const createLazyMediaQueryComponent: (id: string, loader: AsyncComponentLoader) => import("vue").DefineComponent<ExtractPropTypes<{
    hydrateOnMediaQuery: {
        type: () => string;
        required: true;
    };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "hydrated"[], "hydrated", import("vue").PublicProps, Readonly<ExtractPropTypes<{
    hydrateOnMediaQuery: {
        type: () => string;
        required: true;
    };
}>> & Readonly<{
    onHydrated?: ((...args: any[]) => any) | undefined;
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export declare const createLazyIfComponent: (id: string, loader: AsyncComponentLoader) => import("vue").DefineComponent<ExtractPropTypes<{
    hydrateWhen: {
        type: BooleanConstructor;
        default: boolean;
    };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "hydrated"[], "hydrated", import("vue").PublicProps, Readonly<ExtractPropTypes<{
    hydrateWhen: {
        type: BooleanConstructor;
        default: boolean;
    };
}>> & Readonly<{
    onHydrated?: ((...args: any[]) => any) | undefined;
}>, {
    hydrateWhen: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export declare const createLazyTimeComponent: (id: string, loader: AsyncComponentLoader) => import("vue").DefineComponent<ExtractPropTypes<{
    hydrateAfter: {
        type: NumberConstructor;
        required: true;
    };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "hydrated"[], "hydrated", import("vue").PublicProps, Readonly<ExtractPropTypes<{
    hydrateAfter: {
        type: NumberConstructor;
        required: true;
    };
}>> & Readonly<{
    onHydrated?: ((...args: any[]) => any) | undefined;
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export declare const createLazyNeverComponent: (id: string, loader: AsyncComponentLoader) => import("vue").DefineComponent<ExtractPropTypes<{
    hydrateNever: {
        type: () => true;
        required: false;
        default: boolean;
    };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
    [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "hydrated"[], "hydrated", import("vue").PublicProps, Readonly<ExtractPropTypes<{
    hydrateNever: {
        type: () => true;
        required: false;
        default: boolean;
    };
}>> & Readonly<{
    onHydrated?: ((...args: any[]) => any) | undefined;
}>, {
    hydrateNever: true;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;