Monorepo for Tangled
Something went wrong. Try again.
Svelte
123456789101112131415161718192021222324252627282930313233343536373839<script lang="ts"> import { resolve } from "$app/paths"; import Card, { type CardVariants } from "$lib/components/ui/Card.svelte"; import RepoCardContent from "$lib/components/repo/RepoCardContent.svelte"; import type { RepoCardData, StarChange } from "$lib/components/profile/types"; import { navigatingTo } from "$lib/navPulse"; let { repo, starButton = true, showOwner = true, border = true, shadow = false, background = true, padding = "regular", onStar }: { repo: RepoCardData; onStar?: (change: StarChange) => void; starButton?: boolean; showOwner?: boolean; border?: CardVariants["border"]; shadow?: CardVariants["shadow"]; background?: CardVariants["background"]; padding?: CardVariants["padding"]; } = $props();
const href = $derived(resolve(`/${repo.ownerHandle}/${repo.name}` as "/"));</script>
<Card {border} {shadow} {background} {padding} class={navigatingTo(href) ? "row-breathe" : undefined}> <RepoCardContent {repo} {starButton} {showOwner} {onStar} /></Card>