@inertiajs/vue3 3.0.0-beta.2 → 3.0.0-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inertiajs/vue3",
-  "version": "3.0.0-beta.2",
+  "version": "3.0.0-beta.4",
   "license": "MIT",
   "description": "The Vue 3 adapter for Inertia.js",
   "contributors": [
@@ -52,10 +52,9 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@types/lodash-es": "^4.17.12",
-    "laravel-precognition": "2.0.0-beta.3",
-    "lodash-es": "^4.17.23",
-    "@inertiajs/core": "3.0.0-beta.2"
+    "es-toolkit": "^1.33.0",
+    "laravel-precognition": "2.0.0-beta.5",
+    "@inertiajs/core": "3.0.0-beta.4"
   },
   "scripts": {
     "build": "pnpm clean && ./build.js && tsc",
@@ -64,6 +63,6 @@
     "dev": "pnpx concurrently -c \"#ffcf00,#3178c6\" \"pnpm dev:build\" \"pnpm dev:types\" --names build,types",
     "dev:build": "./build.js --watch",
     "dev:types": "tsc --watch --preserveWatchOutput",
-    "es2020-check": "pnpm build:with-deps && es-check es2020 \"dist/index.js\" --checkFeatures --module --noCache --verbose"
+    "es2022-check": "pnpm build:with-deps && es-check es2022 \"dist/index.js\" --checkFeatures --module --noCache --verbose"
   }
 }

package/types/app.d.ts

@@ -1,4 +1,4 @@
-import { HeadManagerOnUpdateCallback, HeadManagerTitleCallback, Page, PageProps, SharedPageProps } from '@inertiajs/core';
+import { HeadManager, HeadManagerOnUpdateCallback, HeadManagerTitleCallback, Page, PageProps, SharedPageProps } from '@inertiajs/core';
 import { DefineComponent, Plugin } from 'vue';
 export interface InertiaAppProps<SharedProps extends PageProps = PageProps> {
     initialPage: Page<SharedProps>;
@@ -9,6 +9,7 @@ export interface InertiaAppProps<SharedProps extends PageProps = PageProps> {
     defaultLayout?: (name: string, page: Page) => unknown;
 }
 export type InertiaApp = DefineComponent<InertiaAppProps>;
+export declare let headManager: HeadManager;
 declare const App: InertiaApp;
 export default App;
 export declare const plugin: Plugin;

package/types/createInertiaApp.d.ts

@@ -1,9 +1,8 @@
-import { CreateInertiaAppOptions, CreateInertiaAppOptionsForCSR, CreateInertiaAppOptionsForSSR, InertiaAppSSRResponse, Page, PageProps } from '@inertiajs/core';
+import { CreateInertiaAppOptions, CreateInertiaAppOptionsForCSR, CreateInertiaAppOptionsForSSR, InertiaAppSSRResponse, Page, PageProps, SharedPageProps } from '@inertiajs/core';
 import { DefineComponent, Plugin, App as VueApp } from 'vue';
-import { renderToString } from 'vue/server-renderer';
 import { InertiaApp, InertiaAppProps } from './app';
 import { VueInertiaAppConfig } from './types';
-type ComponentResolver = (name: string, page?: Page) => DefineComponent | Promise<DefineComponent> | {
+type ComponentResolver = (name: string, page?: Page<SharedPageProps>) => DefineComponent | Promise<DefineComponent> | {
     default: DefineComponent;
 };
 type SetupOptions<ElementType, SharedProps extends PageProps> = {
@@ -12,17 +11,27 @@ type SetupOptions<ElementType, SharedProps extends PageProps> = {
     props: InertiaAppProps<SharedProps>;
     plugin: Plugin;
 };
-type InertiaAppOptionsForCSR<SharedProps extends PageProps> = CreateInertiaAppOptionsForCSR<SharedProps, ComponentResolver, SetupOptions<HTMLElement, SharedProps>, void, VueInertiaAppConfig>;
+type InertiaAppOptionsForCSR<SharedProps extends PageProps> = CreateInertiaAppOptionsForCSR<SharedProps, ComponentResolver, SetupOptions<HTMLElement, SharedProps>, void, VueInertiaAppConfig> & {
+    withApp?: (app: VueApp, options: {
+        ssr: boolean;
+    }) => void;
+};
 type InertiaAppOptionsForSSR<SharedProps extends PageProps> = CreateInertiaAppOptionsForSSR<SharedProps, ComponentResolver, SetupOptions<null, SharedProps>, VueApp, VueInertiaAppConfig> & {
-    render: typeof renderToString;
+    render: (app: VueApp) => Promise<string>;
+    withApp?: (app: VueApp, options: {
+        ssr: boolean;
+    }) => void;
 };
 type InertiaAppOptionsAuto<SharedProps extends PageProps> = CreateInertiaAppOptions<ComponentResolver, SetupOptions<HTMLElement | null, SharedProps>, VueApp | void, VueInertiaAppConfig> & {
     page?: Page<SharedProps>;
     render?: undefined;
+    withApp?: (app: VueApp, options: {
+        ssr: boolean;
+    }) => void;
 };
 type RenderToString = (app: VueApp) => Promise<string>;
 type RenderFunction<SharedProps extends PageProps> = (page: Page<SharedProps>, renderToString: RenderToString) => Promise<InertiaAppSSRResponse>;
-export default function createInertiaApp<SharedProps extends PageProps = PageProps>(options: InertiaAppOptionsForCSR<SharedProps>): Promise<void>;
-export default function createInertiaApp<SharedProps extends PageProps = PageProps>(options: InertiaAppOptionsForSSR<SharedProps>): Promise<InertiaAppSSRResponse>;
-export default function createInertiaApp<SharedProps extends PageProps = PageProps>(options?: InertiaAppOptionsAuto<SharedProps>): Promise<void | RenderFunction<SharedProps>>;
+export default function createInertiaApp<SharedProps extends PageProps = PageProps & SharedPageProps>(options: InertiaAppOptionsForCSR<SharedProps>): Promise<void>;
+export default function createInertiaApp<SharedProps extends PageProps = PageProps & SharedPageProps>(options: InertiaAppOptionsForSSR<SharedProps>): Promise<InertiaAppSSRResponse>;
+export default function createInertiaApp<SharedProps extends PageProps = PageProps & SharedPageProps>(options?: InertiaAppOptionsAuto<SharedProps>): Promise<void | RenderFunction<SharedProps>>;
 export {};

package/types/deferred.d.ts

@@ -17,15 +17,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         })[];
         required: true;
     };
-}>, {
-    reloading: import("vue").Ref<boolean, boolean>;
-    slots: Readonly<{
-        default: import("vue").Slot<{
-            reloading: boolean;
-        }>;
-        fallback: import("vue").Slot<{}>;
-    }>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: (StringConstructor | {
             (arrayLength: number): String[];

package/types/index.d.ts

@@ -5,9 +5,9 @@ export { default as Deferred } from './deferred';
 export { createForm, default as Form, useFormContext } from './form';
 export { default as Head } from './head';
 export { default as InfiniteScroll } from './infiniteScroll';
-export { resetLayoutProps, setLayoutProps, setLayoutPropsFor, useLayoutProps } from './layoutProps';
+export { resetLayoutProps, setLayoutProps, setLayoutPropsFor } from './layoutProps';
 export { InertiaLinkProps, default as Link } from './link';
-export { type VueInertiaAppConfig, type VuePageHandlerArgs } from './types';
+export { type LayoutCallback, type VueInertiaAppConfig, type VuePageHandlerArgs } from './types';
 export { InertiaForm, InertiaFormProps, InertiaPrecognitiveForm, default as useForm } from './useForm';
 export { default as useHttp } from './useHttp';
 export { default as usePoll } from './usePoll';

package/types/layoutProps.d.ts

@@ -1,13 +1,14 @@
-import { ComputedRef, InjectionKey } from 'vue';
-export declare function setLayoutProps(props: Record<string, unknown>): void;
-export declare function setLayoutPropsFor(name: string, props: Record<string, unknown>): void;
+import { type LayoutProps, type NamedLayoutProps } from '@inertiajs/core';
+export declare const state: import("vue").Ref<{
+    shared: Record<string, unknown>;
+    named: Record<string, Record<string, unknown>>;
+}, {
+    shared: Record<string, unknown>;
+    named: Record<string, Record<string, unknown>>;
+} | {
+    shared: Record<string, unknown>;
+    named: Record<string, Record<string, unknown>>;
+}>;
+export declare function setLayoutProps(props: Partial<LayoutProps>): void;
+export declare function setLayoutPropsFor<K extends keyof NamedLayoutProps>(name: K, props: Partial<NamedLayoutProps[K]>): void;
 export declare function resetLayoutProps(): void;
-export declare const LAYOUT_CONTEXT_KEY: InjectionKey<string | undefined>;
-export declare const LayoutProvider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    layoutName: StringConstructor;
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    layoutName: StringConstructor;
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export declare function useLayoutProps<T extends Record<string, unknown>>(defaults: T): ComputedRef<T>;

package/types/types.d.ts

@@ -1,8 +1,9 @@
 import { createHeadManager, Page, PageHandler, PageProps, router, SharedPageProps } from '@inertiajs/core';
-import { DefineComponent } from 'vue';
+import { Component, DefineComponent } from 'vue';
 import useForm from './useForm';
 export type VuePageHandlerArgs = Parameters<PageHandler<DefineComponent>>[0];
 export type VueInertiaAppConfig = {};
+export type LayoutCallback = (props: SharedPageProps) => unknown;
 declare module '@inertiajs/core' {
     interface Router {
         form: typeof useForm;
@@ -15,6 +16,7 @@ declare module 'vue' {
         $headManager: ReturnType<typeof createHeadManager>;
     }
     interface ComponentCustomOptions {
+        layout?: Component | Component[] | LayoutCallback;
         remember?: string | string[] | {
             data: string | string[];
             key?: string | (() => string);

package/types/useHttp.d.ts

@@ -19,12 +19,12 @@ export interface UseHttpProps<TForm extends object, TResponse = unknown> {
     resetAndClearErrors<K extends FormDataKeys<TForm>>(...fields: K[]): this;
     setError<K extends FormDataKeys<TForm>>(field: K, value: ErrorValue): this;
     setError(errors: FormDataErrors<TForm>): this;
-    submit(...args: UseHttpSubmitArguments<TResponse, TForm>): Promise<TResponse>;
-    get(url: string, options?: UseHttpSubmitOptions<TResponse, TForm>): Promise<TResponse>;
-    post(url: string, options?: UseHttpSubmitOptions<TResponse, TForm>): Promise<TResponse>;
-    put(url: string, options?: UseHttpSubmitOptions<TResponse, TForm>): Promise<TResponse>;
-    patch(url: string, options?: UseHttpSubmitOptions<TResponse, TForm>): Promise<TResponse>;
-    delete(url: string, options?: UseHttpSubmitOptions<TResponse, TForm>): Promise<TResponse>;
+    submit<R = TResponse>(...args: UseHttpSubmitArguments<R, TForm>): Promise<R>;
+    get<R = TResponse>(url: string, options?: UseHttpSubmitOptions<R, TForm>): Promise<R>;
+    post<R = TResponse>(url: string, options?: UseHttpSubmitOptions<R, TForm>): Promise<R>;
+    put<R = TResponse>(url: string, options?: UseHttpSubmitOptions<R, TForm>): Promise<R>;
+    patch<R = TResponse>(url: string, options?: UseHttpSubmitOptions<R, TForm>): Promise<R>;
+    delete<R = TResponse>(url: string, options?: UseHttpSubmitOptions<R, TForm>): Promise<R>;
     cancel(): void;
     dontRemember<K extends FormDataKeys<TForm>>(...fields: K[]): this;
     optimistic(callback: (currentData: TForm) => Partial<TForm>): this;

package/types/whenVisible.d.ts

@@ -32,16 +32,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {}, {
-    loaded: boolean;
-    fetching: boolean;
-    observer: IntersectionObserver | null;
-}, {
-    keys(): string[];
-}, {
-    registerObserver(): void;
-    getReloadParams(): Partial<ReloadOptions>;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => (import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null)[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: (StringConstructor | {
             (arrayLength: number): String[];