mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-16 10:54:49 +00:00
25 lines
684 B
TypeScript
25 lines
684 B
TypeScript
import { useNuxtApp } from '#app'
|
|
|
|
/**
|
|
* Allows full control of the hydration cycle to set and receive data from the server.
|
|
*
|
|
* @param key a unique key to identify the data in the Nuxt payload
|
|
* @param get a function that returns the value to set the initial data
|
|
* @param set a function that will receive the data on the client-side
|
|
*/
|
|
export const useHydration = <T> (key: string, get: () => T, set: (value: T) => void) => {
|
|
const nuxt = useNuxtApp()
|
|
|
|
if (process.server) {
|
|
nuxt.hooks.hook('app:rendered', () => {
|
|
nuxt.payload[key] = get()
|
|
})
|
|
}
|
|
|
|
if (process.client) {
|
|
nuxt.hooks.hook('app:created', () => {
|
|
set(nuxt.payload[key])
|
|
})
|
|
}
|
|
}
|