LayoutHandle
interfaz Since 1.5.0
Lo que devuelve useLayout: las props del layout con nombre de la página, para leerlas y
cambiarlas desde el <script> de la página.
ts
import type { LayoutHandle } from "@meekojs/meeko/framework";Source code src/shared/layout.ts:73
Declaración #
ts
interface LayoutHandle<P extends object = Record<string, unknown>> {
readonly name: string | undefined
readonly props: Readonly<Partial<P>>
set<const Q extends Partial<P>>(patch: Q & { readonly [K in Exclude<keyof Q, keyof P>]: never }): void
}Type parameters #
-
Pextends object = Record<string, unknown> Props del layout, sin
outlet.
Example #
meeko
<script lang="ts">
const layout = useLayout();
const title = signal("Conexiones");
effect(() => layout.set({ title: title.value }));
</script>Miembros #
name
#
readonly name: string | undefinedNombre del layout con nombre de la página, o undefined si no tiene (layout: false).
props
#
readonly props: Readonly<Partial<P>>Las props que recibe ahora el layout (sin outlet): las de layoutProps y los +group.ts con
lo que haya escrito la página encima. La lectura es reactiva.
set
#
set<const Q extends Partial<P>>(patch: Q & { readonly [K in Exclude<keyof Q, keyof P>]: never }): voidCambia props del layout; las que no nombra se conservan. El layout no se vuelve a montar: sólo cambia lo que lee esas props. Al navegar a otra página, el layout recibe las de la página nueva. Sin layout con nombre, no hace nada.
See also #
- Layout props from the page Framework full-stack