Thread viewer for Bluesky
mackuba.eu
1<script lang="ts">
2 import { atURI } from '../../utils.js';
3 import { StarterPackRecord } from '../../models/records.js';
4
5 let { starterPack }: { starterPack: StarterPackRecord } = $props();
6
7 function linkToStarterPack(starterPack: StarterPackRecord) {
8 let { repo, rkey } = atURI(starterPack.uri);
9 return `https://bsky.app/starter-pack/${repo}/${rkey}`;
10 }
11</script>
12
13<a class="link-card record" href={linkToStarterPack(starterPack)} target="_blank">
14 <div>
15 <h2>{starterPack.title} <span class="handle">• Starter pack by @{starterPack.author.handle}</span></h2>
16
17 {#if starterPack.description}
18 <p class="description">{starterPack.description}</p>
19 {/if}
20 </div>
21</a>