67 lines
1.7 KiB
Vue
67 lines
1.7 KiB
Vue
<script setup lang="ts">
|
|
import { normalizeEmail } from 'email-normalizer';
|
|
import { withDefaultOnError } from '@/utils/defaults';
|
|
import { useCopy } from '@/composable/copy';
|
|
|
|
const { t } = useI18n();
|
|
const emails = ref('');
|
|
const normalizedEmails = computed(() => {
|
|
if (!emails.value) {
|
|
return '';
|
|
}
|
|
|
|
return emails.value
|
|
.split('\n')
|
|
.map((email) => {
|
|
return withDefaultOnError(() => normalizeEmail({ email }), `Unable to parse email: ${email}`);
|
|
})
|
|
.join('\n');
|
|
});
|
|
|
|
const { copy } = useCopy({ source: normalizedEmails, text: t('tools.email-normalizer.copied'), createToast: true });
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<div class="mb-2">
|
|
{{ t('tools.email-normalizer.input') }}
|
|
</div>
|
|
<c-input-text
|
|
v-model:value="emails"
|
|
:placeholder="t('tools.email-normalizer.input-placeholder')"
|
|
rows="3"
|
|
multiline
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
autocapitalize="off"
|
|
spellcheck="false"
|
|
autofocus
|
|
monospace
|
|
/>
|
|
|
|
<div class="mb-2 mt-4">
|
|
{{ t('tools.email-normalizer.output') }}
|
|
</div>
|
|
<c-input-text
|
|
:value="normalizedEmails"
|
|
:placeholder="t('tools.email-normalizer.output-placeholder')"
|
|
rows="3"
|
|
autocomplete="off"
|
|
autocorrect="off"
|
|
autocapitalize="off"
|
|
spellcheck="false"
|
|
multiline
|
|
readonly
|
|
monospace
|
|
/>
|
|
<div class="mt-4 flex justify-center gap-2">
|
|
<c-button @click="emails = ''">
|
|
{{ t('tools.email-normalizer.button.clear') }}
|
|
</c-button>
|
|
<c-button :disabled="!normalizedEmails" @click="copy()">
|
|
{{ t('tools.email-normalizer.button.copy') }}
|
|
</c-button>
|
|
</div>
|
|
</div>
|
|
</template>
|