migrate vike

renderer/+config.h.ts

@@ -0,0 +1,6 @@
+// See https://vike.dev/data-fetching
+export default {
+  clientRouting: true,
+  prefetchStaticAssets: 'viewport',
+  passToClient: ['pageProps', /* 'urlPathname', */ 'routeParams']
+}

renderer/+onHydrationEnd.ts

@@ -0,0 +1,5 @@
+function onHydrationEnd() {
+  // console.log('Hydration finished; page is now interactive.')
+}
+
+export { onHydrationEnd }

renderer/+onPageTransitionEnd.ts

@@ -0,0 +1,6 @@
+function onPageTransitionEnd() {
+  // console.log('Page transition end')
+  // document.body.classList.remove('page-transition')
+}
+
+export { onPageTransitionEnd }

renderer/+onPageTransitionStart.ts

@@ -0,0 +1,6 @@
+function onPageTransitionStart() {
+  // console.log('Page transition start')
+  // document.body.classList.add('page-transition')
+}
+  
+export { onPageTransitionStart }

renderer/+onRenderClient.ts

@@ -0,0 +1,15 @@
+import { createApp } from './app'
+
+import type { PageContext, VikePageContext } from '#types/PageContext'
+
+let instance: ReturnType<typeof createApp>
+/* async */ function render(pageContext: VikePageContext & PageContext) {
+  if (!instance) {
+    instance = createApp(pageContext)
+    instance.app.mount('#app')
+  } else {
+    instance.app.changePage(pageContext)
+  }
+}
+
+export default render

renderer/+onRenderHtml.ts

@@ -9,9 +9,6 @@ import { createApp } from './app'
 import type { PageContextServer, PageContext } from '#types/PageContext'
 import type { App } from 'vue'
 
-// See https://vike.dev/data-fetching
-export const passToClient = ['pageProps', /* 'urlPathname', */ 'routeParams']
-
 async function render(pageContext: PageContextServer & PageContext) {
   const { app, i18n } = createApp(pageContext, false)
 
@@ -57,4 +54,4 @@ async function renderToString(app: App) {
   return appHtml
 }
 
-export { render }
+export default render

renderer/_default.page.client.ts

@@ -1,32 +0,0 @@
-import { createApp } from './app'
-
-import type { PageContext, VikePageContext } from '#types/PageContext'
-
-let instance: ReturnType<typeof createApp>
-/* async */ function render(pageContext: VikePageContext & PageContext) {
-  if (!instance) {
-    instance = createApp(pageContext)
-    instance.app.mount('#app')
-  } else {
-    instance.app.changePage(pageContext)
-  }
-}
-
-function onHydrationEnd() {
-  // console.log('Hydration finished; page is now interactive.')
-}
-function onPageTransitionStart() {
-  // console.log('Page transition start')
-  // document.body.classList.add('page-transition')
-}
-function onPageTransitionEnd() {
-  // console.log('Page transition end')
-  // document.body.classList.remove('page-transition')
-}
-
-export const clientRouting = true
-export const prefetchStaticAssets = 'viewport'
-export { render }
-export { onHydrationEnd }
-export { onPageTransitionStart }
-export { onPageTransitionEnd }

src/pages/app/+onBeforeRender.ts

@@ -1,6 +1,6 @@
 import type { PageContextBuiltInServer } from 'vike/types'
 
-export { onBeforeRender }
+export default onBeforeRender
 
 /* async */ function onBeforeRender(pageContext: PageContextBuiltInServer) {
   return {