diff --git a/resources/js/app.js b/resources/js/app.js
index 90584953..fef39c56 100644
--- a/resources/js/app.js
+++ b/resources/js/app.js
@@ -1,15 +1,20 @@
-import './bootstrap';
-import { createApp, h } from 'vue'
-import { createInertiaApp } from '@inertiajs/vue3'
+import "./bootstrap";
+import "../css/app.css";
+
+import { createApp, h } from "vue";
+import { createInertiaApp } from "@inertiajs/inertia-vue3";
+import { resolvePageComponent } from "laravel-vite-plugin/inertia-helpers";
 
 createInertiaApp({
-  resolve: name => {
-    const pages = import.meta.glob('./Pages/**/*.vue', { eager: true })
-    return pages[`./Pages/${name}.vue`]
-  },
-  setup({ el, App, props, plugin }) {
-    createApp({ render: () => h(App, props) })
+  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)
+      .mount(el);
   },
-})
\ No newline at end of file
+});
\ No newline at end of file