Packages

live_vue

0.5.6
1.2.2 1.2.1 1.2.0 1.1.1 1.1.0 1.0.1 1.0.0 1.0.0-rc.4 1.0.0-rc.3 1.0.0-rc.2 1.0.0-rc 0.7.3 0.7.2 0.7.1 0.7.0 0.6.1 0.6.0 0.5.7 0.5.6 0.5.5 0.5.4 0.5.3 0.5.2 0.5.1 0.5.0 0.4.1 0.4.0 0.3.9 0.3.8 0.3.7 0.3.6 0.3.5 0.3.4 0.3.3 0.3.2 0.3.1 0.3.0 0.2.0 0.1.0

E2E reactivity for Vue and LiveView

HexDocs

Current section

Files

Jump to
Readme
39 Versions
5 Dependencies
Dependants
Files
Activity
live_vue priv static types.d.ts
Raw

priv/static/types.d.ts 

import type { LiveSocket, ViewHook } from "phoenix_live_view";

import type { App, Component, createApp, createSSRApp, h, Plugin } from "vue";

export type ComponentOrComponentModule = Component | {

    default: Component;

};

export type ComponentOrComponentPromise = ComponentOrComponentModule | Promise<ComponentOrComponentModule>;

export type ComponentMap = Record<string, ComponentOrComponentPromise>;

export type VueComponent = ComponentOrComponentPromise;

type VueComponentInternal = Parameters<typeof h>[0];

type VuePropsInternal = Parameters<typeof h>[1];

type VueSlotsInternal = Parameters<typeof h>[2];

export type VueArgs = {

    props: VuePropsInternal;

    slots: VueSlotsInternal;

    app: App<Element>;

};

export type LiveHook = ViewHook<{

    vue: VueArgs;

    liveSocket: LiveSocket;

}>;

export interface SetupContext {

    createApp: typeof createSSRApp | typeof createApp;

    component: VueComponentInternal;

    props: Record<string, unknown>;

    slots: Record<string, () => unknown>;

    plugin: Plugin<[]>;

    el: Element;

    ssr: boolean;

}

export type LiveVueOptions = {

    resolve: (path: string) => ComponentOrComponentPromise | undefined | null;

    setup?: (context: SetupContext) => App;

};

export type LiveVueApp = {

    setup: (context: SetupContext) => App;

    resolve: (path: string) => ComponentOrComponentPromise;

};

export interface LiveVue {

    VueHook: ViewHook;

}

export {};