18 lines
586 B
Vue
18 lines
586 B
Vue
<script setup lang="ts">
|
|
import { generateNumeronym } from './numeronym-generator.service';
|
|
|
|
const word = ref('');
|
|
|
|
const numeronym = computed(() => generateNumeronym(word.value));
|
|
</script>
|
|
|
|
<template>
|
|
<div flex flex-col items-center gap-4>
|
|
<c-input-text v-model:value="word" placeholder="Enter a word, e.g. 'internationalization'" size="large" clearable test-id="word-input" />
|
|
|
|
<icon-mdi-arrow-down text-30px />
|
|
|
|
<input-copyable :value="numeronym" size="large" readonly placeholder="Your numeronym will be here, e.g. 'i18n'" test-id="numeronym" />
|
|
</div>
|
|
</template>
|