alice.pds.demo.boltless.dev
This repository has no description
1<script lang="ts">
2 import { resolve } from "$app/paths";
3 import Users from "$icon/users";
4
5 interface Props {
6 handle: string;
7 followers: number;
8 following: number;
9 }
10
11 let { handle, followers, following }: Props = $props();
12</script>
13
14<div class="my-2 flex max-w-full items-center gap-2 truncate text-sm">
15 <span class="shrink-0"><Users class="size-4" aria-hidden="true" /></span>
16 <span>
17 <a href={resolve(`/${handle}?tab=followers` as "/")} class="no-underline hover:underline"
18 >{followers} followers</a
19 >
20 </span>
21 <span class="select-none after:content-['·']"></span>
22 <span>
23 <a href={resolve(`/${handle}?tab=following` as "/")} class="no-underline hover:underline"
24 >{following} following</a
25 >
26 </span>
27</div>