feat(new-tool): String to NATO alphabet

src/tools/text-to-nato-alphabet/text-to-nato-alphabet.vue

@@ -0,0 +1,30 @@
+<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>