MeekoAwaitProps
interfaz Desde 1.5.0
Props de la etiqueta propia <MeekoAwait>, la zona de unos datos que llegan después del primer
pintado (useApi o useRpcQuery sin await). Pinta su snippet pending en la primera carga,
error si falla y su contenido cuando hay datos, que conserva durante las recargas. Con
reserve, mientras espera ocupa la altura que tuvo con datos la última vez. Además admite los
snippets de MeekoAwaitSnippets. El editor muestra estas props en el hover de la etiqueta y
lleva aquí con «Ir a definición». Se autoimporta en app/ y en los componentes, como
MeekoLinkProps; un tipo propio del proyecto con el mismo nombre tiene prioridad.
import type { MeekoAwaitProps } from "@meekojs/meeko/framework";Código fuente src/framework.ts:376
Declaración #
interface MeekoAwaitProps {
readonly for: AwaitResource | readonly AwaitResource[]
readonly reserve?: boolean | string
readonly messages?: AwaitMessages
readonly class?: string
readonly id?: string
}Ejemplo #
<!-- app/components/ItemsCard.meeko -->
<script lang="ts">
const items = useApi("/api/items");
</script>
<template>
<section class="card">
<MeekoAwait for="items" reserve>
<snippet name="pending"><ItemsSkeleton /></snippet>
<snippet name="error" params="error, retry"><p role="alert">No se pudo cargar. <button on:click="retry">Reintentar</button></p></snippet>
<ItemsList bind:items="items.data.value" />
</MeekoAwait>
</section>
</template>Propiedades #
for
#
readonly for: AwaitResource | readonly AwaitResource[]Recurso que espera: el resultado de useApi o useRpcQuery sin await, o una lista
(for="[items, stats]"). Es una expresión, como each:of; también admite bind:for. Dentro
del contenido, meeko check y el editor leen items.data.value como cargado.
reserve
#
readonly reserve?: boolean | stringReserva de altura: reserve recuerda la altura que tuvo la zona con datos y la aplica mientras
espera otra vez (en sessionStorage, por ruta, petición e instancia); reserve="320px" fija
además un mínimo, también en la primera visita.
messages
#
readonly messages?: AwaitMessagesTextos del aviso de error por defecto, sin el snippet error.
Véase también #
- <MeekoAwait> Framework full-stack