mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-05-04 13:29:13 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

copy

Browse source
This commit is contained in:
steffenrapp 2024-08-27 16:47:17 +00:00
parent a97e1897e5
commit 867d415fea
3 changed files with 11 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

3
locales/de.yml
View file

@ -78,6 +78,9 @@ toolCard:
new: Neu new: Neu
search: search:
label: Suche label: Suche
copyClipboard:
tooltip: In die Zwischenablage kopieren
success: Kopiert!
tools: tools:
categories: categories:
favorite-tools: Deine Lieblingstools favorite-tools: Deine Lieblingstools

3
locales/en.yml
View file

@ -72,6 +72,9 @@ toolCard:
new: New new: New
search: search:
label: Search label: Search
copyClipboard:
tooltip: Copy to clipboard
success: Copied!
tools: tools:
categories: categories:
favorite-tools: Your favorite tools favorite-tools: Your favorite tools

7
src/components/TextareaCopyable.vue
View file

@ -10,6 +10,8 @@ import iniHljs from 'highlight.js/lib/languages/ini';
import markdownHljs from 'highlight.js/lib/languages/markdown'; import markdownHljs from 'highlight.js/lib/languages/markdown';
import { useCopy } from '@/composable/copy'; import { useCopy } from '@/composable/copy';
const { t } = useI18n();
// eslint-disable-next-line vue/define-macros-order
const props = withDefaults( const props = withDefaults(
defineProps<{ defineProps<{
value: string value: string
@ -22,9 +24,10 @@ const props = withDefaults(
followHeightOf: null, followHeightOf: null,
language: 'txt', language: 'txt',
copyPlacement: 'top-right', copyPlacement: 'top-right',
copyMessage: 'Copy to clipboard', copyMessage: t('copyClipboard.tooltip'),
}, },
); );
hljs.registerLanguage('sql', sqlHljs); hljs.registerLanguage('sql', sqlHljs);
hljs.registerLanguage('json', jsonHljs); hljs.registerLanguage('json', jsonHljs);
hljs.registerLanguage('html', xmlHljs); hljs.registerLanguage('html', xmlHljs);
@ -37,7 +40,7 @@ const { value, language, followHeightOf, copyPlacement, copyMessage } = toRefs(p
const { height } = followHeightOf.value ? useElementSize(followHeightOf) : { height: ref(null) }; const { height } = followHeightOf.value ? useElementSize(followHeightOf) : { height: ref(null) };
const { copy, isJustCopied } = useCopy({ source: value, createToast: false }); 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> </script>
<template> <template>