mirror of
https://github.com/CorentinTh/it-tools.git
synced 2025-05-05 05:47:10 -04:00
31 lines
929 B
Vue
31 lines
929 B
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<n-form-item label="Your text to convert to NATO phonetic alphabet">
|
||
|
|
<n-input v-model:value="input" placeholder="Put your text here..." clearable />
|
||
|
|
</n-form-item>
|
||
|
|
|
||
|
|
<n-space v-if="natoText" vertical>
|
||
|
|
<n-text>Your text in NATO phonetic alphabet</n-text>
|
||
|
|
<n-card>
|
||
|
|
{{ natoText }}
|
||
|
|
</n-card>
|
||
|
|
|
||
|
|
<n-space justify="center">
|
||
|
|
<n-button secondary autofocus @click="copy"> Copy NATO string </n-button>
|
||
|
|
</n-space>
|
||
|
|
</n-space>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup lang="ts">
|
||
|
|
import { useCopy } from '@/composable/copy';
|
||
|
|
import { computed, ref } from 'vue';
|
||
|
|
import { textToNatoAlphabet } from './text-to-nato-alphabet.service';
|
||
|
|
|
||
|
|
const input = ref('');
|
||
|
|
const natoText = computed(() => textToNatoAlphabet({ text: input.value }));
|
||
|
|
const { copy } = useCopy({ source: natoText, text: 'NATO alphabet string copied.' });
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="less" scoped></style>
|