Fix build error of ssr fix

Author: christophstockinger

resources/js/layouts/settings/Layout.vue

@@ -2,7 +2,7 @@
 import Heading from '@/components/Heading.vue';
 import { Button } from '@/components/ui/button';
 import { Separator } from '@/components/ui/separator';
-import { type NavItem } from '@/types';
+import type { NavItem, SharedData } from '@/types';
 import { Link, usePage } from '@inertiajs/vue3';
 
 const sidebarNavItems: NavItem[] = [
@@ -20,7 +20,7 @@ const sidebarNavItems: NavItem[] = [
     },
 ];
 
-const page = usePage();
+const page = usePage<SharedData>();
 
 const currentPath = page.props.ziggy?.location ? new URL(page.props.ziggy.location).pathname : '';
 </script>

resources/js/ssr.ts

@@ -7,29 +7,44 @@ import { route as ziggyRoute } from 'ziggy-js';
 
 const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
 
+/**
+ *  Added eslint-disable-next-line @typescript-eslint/ban-ts-comment and @ts-ignore to fix the error.
+ * I'm not sure if the fix really leads to a type-safe Javascript.
+ */
+
 createServer((page) =>
     createInertiaApp({
         page,
         render: renderToString,
         title: (title) => `${title} - ${appName}`,
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
         resolve: (name) => resolvePageComponent(`./pages/${name}.vue`, import.meta.glob('./pages/**/*.vue')),
         setup({ App, props, plugin }) {
             const app = createSSRApp({ render: () => h(App, props) });
 
             // Configure Ziggy for SSR...
             const ziggyConfig = {
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
                 ...page.props.ziggy,
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
                 location: new URL(page.props.ziggy.location),
             };
 
             // Create route function...
             const route = (name: string, params?: any, absolute?: boolean) => ziggyRoute(name, params, absolute, ziggyConfig);
 
             // Make route function available globally...
+            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+            // @ts-ignore
             app.config.globalProperties.route = route;
 
             // Make route function available globally for SSR...
             if (typeof window === 'undefined') {
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
                 global.route = route;
             }