@inertiajs/vue3 2.2.7 → 2.2.9

package/dist/index.esm.js

@@ -2,7 +2,10 @@
 import { progress, router as router10 } from "@inertiajs/core";
 
 // src/app.ts
-import { createHeadManager, router as router3 } from "@inertiajs/core";
+import {
+  createHeadManager,
+  router as router3
+} from "@inertiajs/core";
 import {
   computed,
   defineComponent,
@@ -75,7 +78,7 @@ function useForm(rememberKeyOrData, maybeData) {
   const restored = rememberKey ? router2.restore(rememberKey) : null;
   let defaults = typeof data === "function" ? cloneDeep2(data()) : cloneDeep2(data);
   let cancelToken = null;
-  let recentlySuccessfulTimeoutId = null;
+  let recentlySuccessfulTimeoutId;
   let transform = (data2) => data2;
   let defaultsCalledInOnSuccess = false;
   const form = reactive({
@@ -151,7 +154,6 @@ function useForm(rememberKeyOrData, maybeData) {
       const url = objectPassed ? args[0].url : args[1];
       const options = (objectPassed ? args[1] : args[2]) ?? {};
       defaultsCalledInOnSuccess = false;
-      const data2 = transform(this.data());
       const _options = {
         ...options,
         onCancelToken: (token) => {
@@ -218,10 +220,11 @@ function useForm(rememberKeyOrData, maybeData) {
           }
         }
       };
+      const transformedData = transform(this.data());
       if (method === "delete") {
-        router2.delete(url, { ..._options, data: data2 });
+        router2.delete(url, { ..._options, data: transformedData });
       } else {
-        router2[method](url, data2, _options);
+        router2[method](url, transformedData, _options);
       }
     },
     get(url, options) {
@@ -267,11 +270,11 @@ function useForm(rememberKeyOrData, maybeData) {
 }
 
 // src/app.ts
-var component = ref(null);
-var page = ref(null);
+var component = ref(void 0);
+var page = ref();
 var layout = shallowRef(null);
-var key = ref(null);
-var headManager = null;
+var key = ref(void 0);
+var headManager;
 var App = defineComponent({
   name: "Inertia",
   props: {
@@ -300,19 +303,20 @@ var App = defineComponent({
     }
   },
   setup({ initialPage, initialComponent, resolveComponent, titleCallback, onHeadUpdate }) {
-    component.value = initialComponent ? markRaw(initialComponent) : null;
+    component.value = initialComponent ? markRaw(initialComponent) : void 0;
     page.value = initialPage;
-    key.value = null;
+    key.value = void 0;
     const isServer = typeof window === "undefined";
-    headManager = createHeadManager(isServer, titleCallback, onHeadUpdate);
+    headManager = createHeadManager(isServer, titleCallback || ((title) => title), onHeadUpdate || (() => {
+    }));
     if (!isServer) {
       router3.init({
         initialPage,
         resolveComponent,
-        swapComponent: async (args) => {
-          component.value = markRaw(args.component);
-          page.value = args.page;
-          key.value = args.preserveState ? key.value : Date.now();
+        swapComponent: async (options) => {
+          component.value = markRaw(options.component);
+          page.value = options.page;
+          key.value = options.preserveState ? key.value : Date.now();
         }
       });
       router3.on("navigate", () => headManager.forceUpdate());
@@ -370,7 +374,10 @@ function usePage() {
 }
 
 // src/createInertiaApp.ts
-import { router as router4, setupProgress } from "@inertiajs/core";
+import {
+  router as router4,
+  setupProgress
+} from "@inertiajs/core";
 import { createSSRApp, h as h2 } from "vue";
 async function createInertiaApp({
   id = "app",
@@ -383,7 +390,7 @@ async function createInertiaApp({
 }) {
   const isServer = typeof window === "undefined";
   const el = isServer ? null : document.getElementById(id);
-  const initialPage = page2 || JSON.parse(el.dataset.page);
+  const initialPage = page2 || JSON.parse(el?.dataset.page || "{}");
   const resolveComponent = (name) => Promise.resolve(resolve(name)).then((module) => module.default || module);
   let head = [];
   const vueApp = await Promise.all([
@@ -391,23 +398,33 @@ async function createInertiaApp({
     router4.decryptHistory().catch(() => {
     })
   ]).then(([initialComponent]) => {
-    return setup({
+    const props = {
+      initialPage,
+      initialComponent,
+      resolveComponent,
+      titleCallback: title
+    };
+    if (isServer) {
+      const ssrSetup = setup;
+      return ssrSetup({
+        el: null,
+        App: app_default,
+        props: { ...props, onHeadUpdate: (elements) => head = elements },
+        plugin
+      });
+    }
+    const csrSetup = setup;
+    return csrSetup({
       el,
       App: app_default,
-      props: {
-        initialPage,
-        initialComponent,
-        resolveComponent,
-        titleCallback: title,
-        onHeadUpdate: isServer ? (elements) => head = elements : null
-      },
+      props,
       plugin
     });
   });
   if (!isServer && progress2) {
     setupProgress(progress2);
   }
-  if (isServer) {
+  if (isServer && render) {
     const body = await render(
       createSSRApp({
         render: () => h2("div", {
@@ -436,7 +453,7 @@ var deferred_default = defineComponent2({
     if (!this.$slots.fallback) {
       throw new Error("`<Deferred>` requires a `<template #fallback>` slot");
     }
-    return keys.every((key2) => this.$page.props[key2] !== void 0) ? this.$slots.default() : this.$slots.fallback();
+    return keys.every((key2) => this.$page.props[key2] !== void 0) ? this.$slots.default?.() : this.$slots.fallback();
   }
 });
 
@@ -591,15 +608,15 @@ var Form = defineComponent3({
         onFinish: props.onFinish,
         onCancel: props.onCancel,
         onSuccess: (...args) => {
-          props.onSuccess(...args);
-          props.onSubmitComplete(exposed);
+          props.onSuccess?.(...args);
+          props.onSubmitComplete?.(exposed);
           maybeReset(props.resetOnSuccess);
           if (props.setDefaultsOnSuccess === true) {
             defaults();
           }
         },
         onError: (...args) => {
-          props.onError(...args);
+          props.onError?.(...args);
           maybeReset(props.resetOnError);
         },
         ...props.options
@@ -688,7 +705,7 @@ var Head = defineComponent4({
   },
   methods: {
     isUnaryTag(node) {
-      return [
+      return typeof node.type === "string" && [
         "area",
         "base",
         "br",
@@ -719,10 +736,19 @@ var Head = defineComponent4({
           return carry + ` ${name}="${escape(value)}"`;
         }
       }, "");
-      return `<${node.type}${attrs}>`;
+      return `<${String(node.type)}${attrs}>`;
     },
     renderTagChildren(node) {
-      return typeof node.children === "string" ? node.children : node.children.reduce((html, child) => html + this.renderTag(child), "");
+      const { children } = node;
+      if (typeof children === "string") {
+        return children;
+      }
+      if (Array.isArray(children)) {
+        return children.reduce((html, child) => {
+          return html + this.renderTag(child);
+        }, "");
+      }
+      return "";
     },
     isFunctionNode(node) {
       return typeof node.type === "function";
@@ -741,7 +767,7 @@ var Head = defineComponent4({
     },
     renderTag(node) {
       if (this.isTextNode(node)) {
-        return node.children;
+        return String(node.children);
       } else if (this.isFragmentNode(node)) {
         return "";
       } else if (this.isCommentNode(node)) {
@@ -752,7 +778,7 @@ var Head = defineComponent4({
         html += this.renderTagChildren(node);
       }
       if (!this.isUnaryTag(node)) {
-        html += `</${node.type}>`;
+        html += `</${String(node.type)}>`;
       }
       return html;
     },
@@ -763,9 +789,8 @@ var Head = defineComponent4({
       return elements;
     },
     renderNodes(nodes) {
-      return this.addTitleElement(
-        nodes.flatMap((node) => this.resolveNode(node)).map((node) => this.renderTag(node)).filter((node) => node)
-      );
+      const elements = nodes.flatMap((node) => this.resolveNode(node)).map((node) => this.renderTag(node)).filter((node) => node);
+      return this.addTitleElement(elements);
     },
     resolveNode(node) {
       if (this.isFunctionNode(node)) {
@@ -813,7 +838,8 @@ var InfiniteScroll = defineComponent5({
   slots: Object,
   props: {
     data: {
-      type: String
+      type: String,
+      required: true
     },
     buffer: {
       type: Number,
@@ -973,7 +999,7 @@ var InfiniteScroll = defineComponent5({
           h4(
             "div",
             { ref: startElementRef },
-            slots.previous ? slots.previous(exposedPrevious) : loadingPrevious.value ? slots.loading?.(exposedPrevious) : null
+            slots.previous ? slots.previous(exposedPrevious) : loadingPrevious.value ? slots.loading?.(exposedPrevious) : void 0
           )
         );
       }
@@ -1002,7 +1028,7 @@ var InfiniteScroll = defineComponent5({
           h4(
             "div",
             { ref: endElementRef },
-            slots.next ? slots.next(exposedNext) : loadingNext.value ? slots.loading?.(exposedNext) : null
+            slots.next ? slots.next(exposedNext) : loadingNext.value ? slots.loading?.(exposedNext) : void 0
           )
         );
       }
@@ -1133,7 +1159,7 @@ var Link = defineComponent6({
   },
   setup(props, { slots, attrs }) {
     const inFlightCount = ref4(0);
-    const hoverTimeout = ref4(null);
+    const hoverTimeout = ref4();
     const prefetchModes = computed4(() => {
       if (props.prefetch === true) {
         return ["hover"];
@@ -1164,7 +1190,7 @@ var Link = defineComponent6({
       clearTimeout(hoverTimeout.value);
     });
     const method = computed4(
-      () => isUrlMethodPair2(props.href) ? props.href.method : props.method.toLowerCase()
+      () => isUrlMethodPair2(props.href) ? props.href.method : (props.method ?? "get").toLowerCase()
     );
     const as = computed4(() => {
       if (typeof props.as !== "string" || props.as.toLowerCase() !== "a") {
@@ -1176,7 +1202,7 @@ var Link = defineComponent6({
       () => mergeDataIntoQueryString2(
         method.value,
         isUrlMethodPair2(props.href) ? props.href.url : props.href,
-        props.data,
+        props.data || {},
         props.queryStringArrayFormat
       )
     );
@@ -1209,12 +1235,12 @@ var Link = defineComponent6({
       onBefore: props.onBefore,
       onStart: (visit) => {
         inFlightCount.value++;
-        props.onStart(visit);
+        props.onStart?.(visit);
       },
       onProgress: props.onProgress,
       onFinish: (visit) => {
         inFlightCount.value--;
-        props.onFinish(visit);
+        props.onFinish?.(visit);
       },
       onCancel: props.onCancel,
       onSuccess: props.onSuccess,
@@ -1261,7 +1287,7 @@ var Link = defineComponent6({
         }
       },
       onKeydown: (event) => {
-        if (shouldIntercept(event) && shouldNavigate(event)) {
+        if (shouldNavigate(event)) {
           event.preventDefault();
           prefetch();
         }
@@ -1434,7 +1460,7 @@ var whenVisible_default = defineComponent7({
           return;
         }
         if (!this.$props.always) {
-          this.observer.disconnect();
+          this.observer?.disconnect();
         }
         if (this.fetching) {
           return;