<script>
    import { fn } from '../../vcard.js';
    import { t }  from '../../translations.svelte';

    let { vcard } = $props();

    let name = $derived(fn(vcard));
</script>

{#if name}
<span class="formatted name">{name}</span>
{/if}