LayoutHandle
interfaz Desde 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.
import type { LayoutHandle } from "@meekojs/meeko/framework";Código fuente src/shared/layout.ts:73
Declaración #
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
}Parámetros de tipo #
-
Pextends object = Record<string, unknown> Props del layout, sin
outlet.
Ejemplo #
<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.
Véase también #
- Props del layout desde la página Framework full-stack