Sync from a8e1c0a7402940e0fc5beef669522b315052df1blatest

1 files changed, 23 insertions, 0 deletions

diff --git a/examples/hackernews/src/components/For.astro b/examples/hackernews/src/components/For.astro
new file mode 100644
index 000000000..6eae88e27
--- /dev/null
+++ b/examples/hackernews/src/components/For.astro
@@ -0,0 +1,23 @@
+---
+import Show from './Show.astro';
+
+interface Props<T> {
+	each: Iterable<T>;
+}
+
+const { each } = Astro.props;
+---
+
+{
+	(async function* () {
+		for await (const value of each) {
+			let html = await Astro.slots.render('default', [value]);
+			yield <Fragment set:html={html} />;
+			yield '\n';
+		}
+	})()
+}
+
+<Show when={!each.length}>
+	<slot name="fallback" />
+</Show>