From 917ff521ea6073e5fbf4862e3af5f81fbc6747ef Mon Sep 17 00:00:00 2001
From: steffenrapp <88974099+steffenrapp@users.noreply.github.com>
Date: Thu, 5 Sep 2024 17:01:34 +0000
Subject: [PATCH] more tools

---
 locales/de.yml                                  | 7 +++++++
 locales/en.yml                                  | 7 +++++++
 src/tools/safelink-decoder/safelink-decoder.vue | 7 ++++---
 src/tools/text-statistics/text-statistics.vue   | 9 +++++----
 4 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/locales/de.yml b/locales/de.yml
index 097ab44c..795e4cd1 100644
--- a/locales/de.yml
+++ b/locales/de.yml
@@ -430,6 +430,10 @@ tools:
     description: >-
       Informationen zu einem Text erhalten, wie die Anzahl der Zeichen, die
       Anzahl der Wörter, die Größe usw.
+    characters: Anzahl Zeichen
+    words: Anzahl Wörter
+    lines: Anzahl Zeilen
+    bytes: Bytegröße
   text-to-nato-alphabet:
     title: Text zu NATO-Alphabet
     description: >-
@@ -474,6 +478,9 @@ tools:
   safelink-decoder:
     title: Outlook Safelink-Decoder
     description: Outlook Safelinks decodieren
+    input: 'Eingabe einer Outlook Safelink-URL:'
+    input-placeholder: Deine eingegebene Outlook Safelink-URL...
+    output: 'Ausgabe der decodierten URL:'
   ascii-text-drawer:
     title: ASCII-Art-Text-Generator
     description: ASCII-Art-Text mit vielen Schriftarten und Stilen erstellen.
diff --git a/locales/en.yml b/locales/en.yml
index 0dbd4dc0..08ed5135 100644
--- a/locales/en.yml
+++ b/locales/en.yml
@@ -403,6 +403,10 @@ tools:
     description: >-
       Get information about a text, the number of characters, the number of
       words, its size in bytes, ...
+    characters: Character count
+    words: Word count
+    lines: Line count
+    bytes: Byte size
   text-to-nato-alphabet:
     title: Text to NATO alphabet
     description: Transform text into the NATO phonetic alphabet for oral transmission.
@@ -443,6 +447,9 @@ tools:
   safelink-decoder:
     title: Outlook Safelink decoder
     description: Decode Outlook SafeLink links
+    input: 'Your input Outlook SafeLink Url:'
+    input-placeholder: Your input Outlook SafeLink Url...
+    output: 'Output decoded URL:'
   ascii-text-drawer:
     title: ASCII Art Text Generator
     description: Create ASCII art text with many fonts and styles.
diff --git a/src/tools/safelink-decoder/safelink-decoder.vue b/src/tools/safelink-decoder/safelink-decoder.vue
index 01337eb2..f8c1defd 100644
--- a/src/tools/safelink-decoder/safelink-decoder.vue
+++ b/src/tools/safelink-decoder/safelink-decoder.vue
@@ -2,6 +2,7 @@
 import { decodeSafeLinksURL } from './safelink-decoder.service';
 import TextareaCopyable from '@/components/TextareaCopyable.vue';
 
+const { t } = useI18n();
 const inputSafeLinkUrl = ref('');
 const outputDecodedUrl = computed(() => {
   try {
@@ -18,14 +19,14 @@ const outputDecodedUrl = computed(() => {
     <c-input-text
       v-model:value="inputSafeLinkUrl"
       raw-text
-      placeholder="Your input Outlook SafeLink Url..."
+      :placeholder="t('tools.safelink-decoder.input-placeholder')"
       autofocus
-      label="Your input Outlook SafeLink Url:"
+      :label="t('tools.safelink-decoder.input')"
     />
 
     <n-divider />
 
-    <n-form-item label="Output decoded URL:">
+    <n-form-item :label="t('tools.safelink-decoder.output')">
       <TextareaCopyable :value="outputDecodedUrl" :word-wrap="true" />
     </n-form-item>
   </div>
diff --git a/src/tools/text-statistics/text-statistics.vue b/src/tools/text-statistics/text-statistics.vue
index 6aa29d4d..ba71ac75 100644
--- a/src/tools/text-statistics/text-statistics.vue
+++ b/src/tools/text-statistics/text-statistics.vue
@@ -3,6 +3,7 @@ import { getStringSizeInBytes } from './text-statistics.service';
 import { formatBytes } from '@/utils/convert';
 
 const text = ref('');
+const { t } = useI18n();
 </script>
 
 <template>
@@ -10,10 +11,10 @@ const text = ref('');
     <c-input-text v-model:value="text" multiline placeholder="Your text..." rows="5" />
 
     <div mt-5 flex>
-      <n-statistic label="Character count" :value="text.length" flex-1 />
-      <n-statistic label="Word count" :value="text === '' ? 0 : text.split(/\s+/).length" flex-1 />
-      <n-statistic label="Line count" :value="text === '' ? 0 : text.split(/\r\n|\r|\n/).length" flex-1 />
-      <n-statistic label="Byte size" :value="formatBytes(getStringSizeInBytes(text))" flex-1 />
+      <n-statistic :label="t('tools.text-statistics.characters')" :value="text.length" flex-1 />
+      <n-statistic :label="t('tools.text-statistics.words')" :value="text === '' ? 0 : text.split(/\s+/).length" flex-1 />
+      <n-statistic :label="t('tools.text-statistics.lines')" :value="text === '' ? 0 : text.split(/\r\n|\r|\n/).length" flex-1 />
+      <n-statistic :label="t('tools.text-statistics.bytes')" :value="formatBytes(getStringSizeInBytes(text))" flex-1 />
     </div>
   </c-card>
 </template>