copy

locales/de.yml

@@ -78,6 +78,9 @@ toolCard:
   new: Neu
 search:
   label: Suche
+copyClipboard:
+  tooltip: In die Zwischenablage kopieren
+  success: Kopiert!
 tools:
   categories:
     favorite-tools: Deine Lieblingstools
@@ -434,6 +437,7 @@ tools:
     words: Anzahl Wörter
     lines: Anzahl Zeilen
     bytes: Bytegröße
+    placeholder: Dein Text...
   text-to-nato-alphabet:
     title: Text zu NATO-Alphabet
     description: >-

locales/en.yml

@@ -72,6 +72,9 @@ toolCard:
   new: New
 search:
   label: Search
+copyClipboard:
+  tooltip: Copy to clipboard
+  success: Copied!
 tools:
   categories:
     favorite-tools: Your favorite tools
@@ -407,6 +410,7 @@ tools:
     words: Word count
     lines: Line count
     bytes: Byte size
+    placeholder: Your text...
   text-to-nato-alphabet:
     title: Text to NATO alphabet
     description: Transform text into the NATO phonetic alphabet for oral transmission.

src/components/TextareaCopyable.vue

@@ -22,7 +22,7 @@ const props = withDefaults(
     followHeightOf: null,
     language: 'txt',
     copyPlacement: 'top-right',
-    copyMessage: 'Copy to clipboard',
+    copyMessage: t('copyClipboard.tooltip'),
   },
 );
 hljs.registerLanguage('sql', sqlHljs);
@@ -37,7 +37,7 @@ const { value, language, followHeightOf, copyPlacement, copyMessage } = toRefs(p
 const { height } = followHeightOf.value ? useElementSize(followHeightOf) : { height: ref(null) };
 
 const { copy, isJustCopied } = useCopy({ source: value, createToast: false });
-const tooltipText = computed(() => isJustCopied.value ? 'Copied!' : copyMessage.value);
+const tooltipText = computed(() => isJustCopied.value ? t('copyClipboard.success') : copyMessage.value);
 </script>
 
 <template>

src/tools/text-statistics/text-statistics.vue

@@ -8,7 +8,7 @@ const { t } = useI18n();
 
 <template>
   <c-card>
-    <c-input-text v-model:value="text" multiline placeholder="Your text..." rows="5" />
+    <c-input-text v-model:value="text" multiline :placeholder="t('tools.text-statistics.placeholder')" rows="5" />
 
     <div mt-5 flex>
       <n-statistic :label="t('tools.text-statistics.characters')" :value="text.length" flex-1 />