ptr.pet
1<script lang="ts">
2
3
4 interface Props {
5 punct?: boolean;
6 keywd?: boolean;
7 funct?: boolean;
8 str?: boolean;
9 small?: boolean;
10 v: string;
11 title?: string;
12 }
13
14 let {
15 punct = false,
16 keywd = false,
17 funct = false,
18 str = false,
19 small = false,
20 title,
21 v
22 }: Props = $props();
23
24 const ty =
25 punct ? "punctuation"
26 : keywd ? "keyword"
27 : funct ? "function"
28 : str ? "string"
29 : ""
30</script>
31
32<span {title} class="token {ty} {small ? "text-sm" : ""}">{v}</span>