Something went wrong. Try again.
Monorepo for Tangled forked from tangled.org/core
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142<script lang="ts"> import "#lib/components/landing/updates/updates.css"; import { getThread } from "#lib/components/landing/thread/thread.svelte.ts"; import Container from "#lib/components/landing/ui/Container.svelte"; import Heading from "#lib/components/landing/ui/Heading.svelte"; import Section from "#lib/components/landing/ui/Section.svelte"; import UpdateCard from "#lib/components/landing/updates/UpdateCard.svelte"; import LearnMore from "#lib/components/landing/features/LearnMore.svelte"; import type { Update } from "#lib/components/landing/updates/updates.ts";
/** The live updates from the page load. */ let { updates }: { updates: Update[] } = $props();
const thread = getThread();</script>
<Section class="ru" id="updates"> <Container width="rail"> <div class="ru-head"> <div class="ru-copy"> <Heading class="gh" solid="Recent updates" {@attach thread.knot({ id: "updates", label: "Recent updates" })} /> <p class="ru-lead">The latest and greatest from the Tangled team.</p> </div> <LearnMore href="/blog" label="Read the blog" /> </div>
<ul class="ru-row" aria-label="Recent updates from Tangled" style:--ru-count={updates.length} > {#each updates as u (u.id)} <li><UpdateCard update={u} /></li> {/each} </ul> </Container></Section>