feat: support hydration option (#410) (#435)

* feat: support hydrate option (#410) * fix: rename --------- Co-authored-by: Anthony Fu <github@antfu.me>
antfu-collective · Feb 18, 2025 · 0c2d94f · 0c2d94f
1 parent d09ff78
commit 0c2d94f
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/src/client/index.ts b/src/client/index.ts
@@ -21,11 +21,12 @@ export function ViteSSG(
     registerComponents = true,
     useHead = true,
     rootContainer = '#app',
+    hydration = false,
   } = options
   const isClient = typeof window !== 'undefined'
 
   async function createApp(client = false, routePath?: string) {
-    const app = client
+    const app = client && !hydration
       ? createClientApp(App)
       : createSSRApp(App)
 

diff --git a/src/client/single-page.ts b/src/client/single-page.ts
@@ -19,11 +19,12 @@ export function ViteSSG(
     registerComponents = true,
     useHead = true,
     rootContainer = '#app',
+    hydration = false,
   } = options
   const isClient = typeof window !== 'undefined'
 
   async function createApp(client = false) {
-    const app = client
+    const app = client && !hydration
       ? createClientApp(App)
       : createSSRApp(App)
 

diff --git a/src/types.ts b/src/types.ts
@@ -150,6 +150,12 @@ export interface ViteSSGClientOptions {
    * @default `#app`
    */
   rootContainer?: string | Element
+  /**
+   * Enable Vue hydration on client side
+   *
+   * @default false
+   */
+  hydration?: boolean
 }
 
 export type RouterOptions = PartialKeys<VueRouterOptions, 'history'> & { base?: string }