12 lines
371 B
Vue
12 lines
371 B
Vue
<script setup lang="ts">
|
|
import type { AcfPhoneFragment } from "#graphql/types";
|
|
|
|
defineProps<{ phone: AcfPhoneFragment; link?: boolean }>();
|
|
</script>
|
|
|
|
<template>
|
|
<Component :is="link ? 'a' : 'span'" v-if="phone" :href="link ? `tel:${phone.e164}` : undefined">
|
|
{{ phone.national }}{{ phone.extension ? ` ext. ${phone.extension}` : "" }}
|
|
</Component>
|
|
</template>
|