Fix SSR type issues

Use the correct method overload for the route properties during SSR and add type for page file imports

Author: TimKunze96

resources/js/ssr.ts

@@ -2,8 +2,8 @@ import { createInertiaApp } from '@inertiajs/vue3';
 import createServer from '@inertiajs/vue3/server';
 import { renderToString } from '@vue/server-renderer';
 import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';
-import { createSSRApp, h } from 'vue';
-import { route as ziggyRoute } from 'ziggy-js';
+import { createSSRApp, DefineComponent, h } from 'vue';
+import { route, Router } from 'ziggy-js';
 
 const appName = import.meta.env.VITE_APP_NAME || 'Laravel';
 
@@ -12,7 +12,7 @@ createServer((page) =>
         page,
         render: renderToString,
         title: (title) => `${title} - ${appName}`,
-        resolve: (name) => resolvePageComponent(`./pages/${name}.vue`, import.meta.glob('./pages/**/*.vue')),
+        resolve: resolvePage,
         setup({ App, props, plugin }) {
             const app = createSSRApp({ render: () => h(App, props) });
 
@@ -22,15 +22,23 @@ createServer((page) =>
                 location: new URL(page.props.ziggy.location),
             };
 
-            // Create route function...
-            const route = (name: string, params?: any, absolute?: boolean) => ziggyRoute(name, params, absolute, ziggyConfig);
+            // bind config to ziggyRoute function
+            function appRoute(): Router;
+            function appRoute(name: string, params?: any, absolute?: boolean): string;
+            function appRoute(name?: string, params?: any, absolute?: boolean): Router | string {
+                if (name === undefined) {
+                    return route();
+                }
+
+                return route(name, params, absolute, ziggyConfig);
+            }
 
             // Make route function available globally...
-            app.config.globalProperties.route = route;
+            app.config.globalProperties.route = appRoute;
 
             // Make route function available globally for SSR...
             if (typeof window === 'undefined') {
-                global.route = route;
+                global.route = appRoute;
             }
 
             app.use(plugin);
@@ -39,3 +47,9 @@ createServer((page) =>
         },
     }),
 );
+
+function resolvePage(name: string) {
+    const pages = import.meta.glob<DefineComponent>('./Pages/**/*.vue');
+
+    return resolvePageComponent<DefineComponent>(`./Pages/${name}.vue`, pages);
+}