Skip to content
Meeko
Type to search the guides and the API reference. Open it from any page with / or Ctrl K; move with the arrow keys and open a result with Enter.
Get started

Contents

On this page

Not translated yet

This page has not been translated into English yet, so it is shown in Spanish.

MeekoAwaitSnippets

tipo Since 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";

Source code src/app/runtime/await.ts:77

Declaración #

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

Example #

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.

Was this page helpful?

Add a comment

It is sent when you choose “Yes” or “No”. Only the page, your answer and the comment are stored: no cookies and no personal data.

0 of 2000 characters

Edit on GitHub: packages/meeko/src/app/runtime/await.ts