23 lines
460 B
Vue
23 lines
460 B
Vue
<script setup lang="ts">
|
|
import { t } from '@/i18n'
|
|
|
|
defineProps<{
|
|
email: string
|
|
isYou: boolean
|
|
large?: boolean
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<span class="flex min-w-0 items-center gap-2">
|
|
<span
|
|
class="truncate font-medium text-highlighted"
|
|
:class="large ? 'text-[0.9375rem]/[21px]' : ''"
|
|
>{{ email }}</span
|
|
>
|
|
<span v-if="isYou" class="shrink-0 font-mono text-[0.6875rem] font-medium text-muted">{{
|
|
t('you')
|
|
}}</span>
|
|
</span>
|
|
</template>
|