|
|
@ -25,12 +25,7 @@ const validEmail = computed(() => isEmail(vModel.value)) |
|
|
|
|
|
|
|
|
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<input v-if="editEnabled" ref="root" v-model="vModel" class="outline-none prose-sm" /> |
|
|
|
<input v-if="editEnabled" ref="root" v-model="vModel" class="outline-none prose-sm" /> |
|
|
|
<a |
|
|
|
<a v-else-if="validEmail" class="prose-sm underline hover:opacity-75" :href="`mailto:${vModel}`" target="_blank"> |
|
|
|
v-else-if="validEmail" |
|
|
|
|
|
|
|
class="prose-sm underline hover:opacity-75" |
|
|
|
|
|
|
|
:href="`mailto:${vModel}`" |
|
|
|
|
|
|
|
target="_blank" |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
{{ vModel }} |
|
|
|
{{ vModel }} |
|
|
|
</a> |
|
|
|
</a> |
|
|
|
<span v-else>{{ vModel }}</span> |
|
|
|
<span v-else>{{ vModel }}</span> |
|
|
|