ClientRoute
interfaz
Opciones de ruta que se ejecutan en el navegador: las de una ruta render: "client" o las de un
host que usa loadRoute. Son públicas, así que no pueden contener secretos; un sidecar sólo de
servidor no debe pasarse a loadRoute.
ts
import type { ClientRoute } from "@meekojs/meeko/framework";Source code src/app/runtime/client.ts:87
Declaración #
ts
interface ClientRoute {
params?: PageSchema
search?: PageSchema
load?: (context: ClientRouteContext) => Promise<unknown> | unknown
head?: (context: ClientRouteContext & { data: unknown }) => PageHead
layoutProps?: unknown
}Example #
ts
import type { ClientRoute } from "@meekojs/meeko/framework";
export const route: ClientRoute = {
load: async ({ params, signal }) => (await fetch(`/api/notes/${String(params.id)}`, { signal })).json(),
head: ({ data }) => ({ title: (data as { title: string }).title }),
};Propiedades #
load
#
load?: (context: ClientRouteContext) => Promise<unknown> | unknownLoader del navegador; recibe la navegación, params, search y el estado provisional.
head
#
head?: (context: ClientRouteContext & { data: unknown }) => PageHeadCalcula el title y la description con los datos del loader; se aplican al documento.
layoutProps
#
layoutProps?: unknownProps del layout con nombre: un objeto o una función que las calcula con los datos del loader.