flotilla/src/app/components/RelayName.svelte

<script lang="ts">
  import {relays} from "@app/core"

  type Props = {
    url: string
    class?: string
  }

  const {url, ...props}: Props = $props()

  const display = $derived($relays.display(url).$)
</script>

<span class={props.class}>
  {$display}
</span>