enable client side routing for smooth transitions

This commit is contained in:
Ulf Gebhardt 2023-11-23 06:25:09 +01:00
parent 150031d847
commit 46869b3b5b
Signed by: ulfgebhardt
GPG Key ID: DA6B843E748679C9
2 changed files with 4 additions and 3 deletions

View File

@ -10,8 +10,7 @@ async function render(pageContext: PageContextClient) {
app.mount('#app') app.mount('#app')
} }
/* To enable Client-side Routing: // To enable Client-side Routing:
export const clientRouting = true export const clientRouting = true
// !! WARNING !! Before doing so, read https://vike.dev/clientRouting */ // !! WARNING !! Before doing so, read https://vike.dev/clientRouting */
export { render } export { render }

View File

@ -11,6 +11,8 @@ import { PageProps } from '#types/PageProps'
import type { PageContext } from '#types/PageContext' import type { PageContext } from '#types/PageContext'
const vuetify = CreateVuetify(i18n)
function createApp( function createApp(
Page: Page, Page: Page,
pageProps: PageProps | undefined, pageProps: PageProps | undefined,
@ -38,7 +40,7 @@ function createApp(
const app = createSSRApp(PageWithLayout) const app = createSSRApp(PageWithLayout)
app.use(pinia) app.use(pinia)
app.use(i18n) app.use(i18n)
app.use(CreateVuetify(i18n)) app.use(vuetify)
// Make pageContext available from any Vue component // Make pageContext available from any Vue component
setPageContext(app, pageContext) setPageContext(app, pageContext)