Saltar al contenido
Meeko
Escribe para buscar en las guías y en la referencia de la API. Ábrela desde cualquier página con / o Ctrl K; muévete con las flechas y entra con Intro.
Empezar

Contenidos

En esta página

MeekoAwaitSnippets

tipo Desde 1.5.0

Snippets de <MeekoAwait>. El contenido de la etiqueta es default y se pinta cuando todos los recursos tienen datos; recibe refreshing, true durante una recarga. pending se pinta en la primera carga y error cuando falla, con el error y retry, que vuelve a pedir los datos.

ts
import type { MeekoAwaitSnippets } from "@meekojs/meeko/framework";

Código fuente src/app/runtime/await.ts:77

Declaración #

ts
type MeekoAwaitSnippets = {
	default: [refreshing: boolean]
	pending?: []
	error?: [error: Error, retry: () => void]
}

Ejemplo #

meeko
<MeekoAwait for="items" reserve>
  <snippet name="pending"><ItemsSkeleton /></snippet>
  <snippet name="error" params="error, retry"><p role="alert">{error.message} <button on:click="retry">Reintentar</button></p></snippet>
  <snippet name="default" params="refreshing"><ItemsList bind:items="items.data.value" bind:dimmed="refreshing" /></snippet>
</MeekoAwait>

Propiedades #

default #

propiedad

default: [refreshing: boolean]

El contenido con datos; refreshing es true durante una recarga, que lo conserva.

pending #

propiedad opcional

pending?: []

La primera carga: un esqueleto, idealmente con la altura del contenido.

error #

propiedad opcional

error?: [error: Error, retry: () => void]

Un fallo sin datos: el error y retry, que vuelve a pedir los recursos que fallaron.

¿Te sirvió esta página?

Añadir un comentario

Se envía al elegir «Sí» o «No». Solo se guardan la página, tu respuesta y el comentario: ni cookies ni datos tuyos.

0 de 2000 caracteres

Editar en GitHub: packages/meeko/src/app/runtime/await.ts