|
1 | | -import { createInertiaApp } from '@inertiajs/vue3' |
2 | | -import createServer from '@inertiajs/vue3/server' |
3 | | -import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers' |
4 | | -import { renderToString } from '@vue/server-renderer' |
5 | | -import { createSSRApp, h } from 'vue' |
6 | | -import { route as ziggyRoute } from 'ziggy-js' |
| 1 | +import { createInertiaApp } from '@inertiajs/vue3'; |
| 2 | +import createServer from '@inertiajs/vue3/server'; |
| 3 | +import { renderToString } from '@vue/server-renderer'; |
| 4 | +import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers'; |
| 5 | +import { createSSRApp, h } from 'vue'; |
| 6 | +import { route as ziggyRoute } from 'ziggy-js'; |
7 | 7 |
|
8 | | -const appName = import.meta.env.VITE_APP_NAME || 'Laravel' |
| 8 | +const appName = import.meta.env.VITE_APP_NAME || 'Laravel'; |
9 | 9 |
|
10 | 10 | createServer((page) => |
11 | | - createInertiaApp({ |
12 | | - page, |
13 | | - render: renderToString, |
14 | | - title: (title) => `${title} - ${appName}`, |
15 | | - resolve: (name) => resolvePageComponent(`./pages/${name}.vue`, import.meta.glob('./pages/**/*.vue')), |
16 | | - setup({ App, props, plugin }) { |
17 | | - const app = createSSRApp({ render: () => h(App, props) }) |
18 | | - |
19 | | - // Configure Ziggy for SSR... |
20 | | - const ziggyConfig = { |
21 | | - ...page.props.ziggy, |
22 | | - location: new URL(page.props.ziggy.location), |
23 | | - } |
24 | | - |
25 | | - // Create route function... |
26 | | - const route = (name: string, params?: any, absolute?: boolean) => |
27 | | - ziggyRoute(name, params, absolute, ziggyConfig) |
28 | | - |
29 | | - // Make route function available globally... |
30 | | - app.config.globalProperties.route = route |
31 | | - |
32 | | - // Make route function available globally for SSR... |
33 | | - if (typeof window === 'undefined') { |
34 | | - global.route = route |
35 | | - } |
36 | | - |
37 | | - app.use(plugin) |
38 | | - |
39 | | - return app |
40 | | - }, |
41 | | - }), |
42 | | -) |
| 11 | + createInertiaApp({ |
| 12 | + page, |
| 13 | + render: renderToString, |
| 14 | + title: (title) => `${title} - ${appName}`, |
| 15 | + resolve: (name) => resolvePageComponent(`./pages/${name}.vue`, import.meta.glob('./pages/**/*.vue')), |
| 16 | + setup({ App, props, plugin }) { |
| 17 | + const app = createSSRApp({ render: () => h(App, props) }); |
| 18 | + |
| 19 | + // Configure Ziggy for SSR... |
| 20 | + const ziggyConfig = { |
| 21 | + ...page.props.ziggy, |
| 22 | + location: new URL(page.props.ziggy.location), |
| 23 | + }; |
| 24 | + |
| 25 | + // Create route function... |
| 26 | + const route = (name: string, params?: any, absolute?: boolean) => ziggyRoute(name, params, absolute, ziggyConfig); |
| 27 | + |
| 28 | + // Make route function available globally... |
| 29 | + app.config.globalProperties.route = route; |
| 30 | + |
| 31 | + // Make route function available globally for SSR... |
| 32 | + if (typeof window === 'undefined') { |
| 33 | + global.route = route; |
| 34 | + } |
| 35 | + |
| 36 | + app.use(plugin); |
| 37 | + |
| 38 | + return app; |
| 39 | + }, |
| 40 | + }), |
| 41 | +); |
0 commit comments