Added About Page

resources/js/app.ts

@@ -5,6 +5,9 @@ import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';
 import type { DefineComponent } from 'vue';
 import { createApp, h } from 'vue';
 import { initializeTheme } from './composables/useAppearance';
+import vuetify from "@/plugins/vuetify.js";
+import {intersectionTransition} from "@/directives/intersectionTransition";
+import {hoverEffects} from "@/directives/hoverEffects";
 
 
 const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
@@ -13,8 +16,12 @@ createInertiaApp({
     title: (title) => (title ? `${title} - ${appName}` : appName),
     resolve: (name) => resolvePageComponent(`./pages/${name}.vue`, import.meta.glob<DefineComponent>('./pages/**/*.vue')),
     setup({ el, App, props, plugin }) {
+        console.log('Inertia app mounted', props.initialPage);
         createApp({ render: () => h(App, props) })
             .use(plugin)
+            .use(vuetify)
+            .directive('show-on-intersect', intersectionTransition)
+            .directive('hover', hoverEffects)
             .mount(el);
     },
     progress: {