🔧

resources/js/app.js

@@ -5,16 +5,27 @@ import { createApp, h } from "vue";
 import { createInertiaApp } from "@inertiajs/inertia-vue3";
 import { resolvePageComponent } from "laravel-vite-plugin/inertia-helpers";
 
+// createInertiaApp({
+//   title: (title) => `${title}`,
+//   resolve: (name) =>
+//     resolvePageComponent(
+//       `./Pages/${name}.vue`,
+//       import.meta.glob("./Pages/**/*.vue")
+//     ),
+//   setup({ el, app, props, plugin }) {
+//     return createApp({ render: () => h(app, props) })
+//       .use(plugin)
+//       .mount(el);
+//   },
+// });
 createInertiaApp({
-  title: (title) => `${title}`,
+  resolve: name => {
-  resolve: (name) =>
+    const pages = import.meta.glob('./Pages/**/*.vue', { eager: false })
-    resolvePageComponent(
+    return pages[`./Pages/${name}.vue`]
-      `./Pages/${name}.vue`,
-      import.meta.glob("./Pages/**/*.vue")
-    ),
-  setup({ el, app, props, plugin }) {
-    return createApp({ render: () => h(app, props) })
-      .use(plugin)
-      .mount(el);
   },
-});
+  setup({ el, App, props, plugin }) {
+    createApp({ render: () => h(App, props) })
+      .use(plugin)
+      .mount(el)
+  },
+})