Done

resources/js/app.ts

@@ -1,4 +1,4 @@
-import '../css/app.css';
+import '../css/app.sass';
 
 import { createInertiaApp } from '@inertiajs/vue3';
 import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';
@@ -6,11 +6,13 @@ import { createApp, h  } from 'vue';
 import type {DefineComponent} from 'vue';
 import MainLayout from '@/layouts/MainLayout.vue';
 import vuetify from '@/plugins/vuetify';
+import { ZiggyVue } from 'ziggy-js'
+import '@mdi/font/css/materialdesignicons.css';
 
 const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
 
 createInertiaApp({
-    title: (title) => (title ? `${title} - ${appName}` : appName),
+    title: (title) => (title ? `${title} | ${appName}` : appName),
 
     resolve: (name) => {
         const page = resolvePageComponent(
@@ -28,6 +30,7 @@ createInertiaApp({
         return createApp({ render: () => h(App, props) })
             .use(plugin)
             .use(vuetify)
+            .use(ZiggyVue)
             .mount(el);
     },