|
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