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

fix

Browse source
This commit is contained in:
steffenrapp 2024-08-27 17:04:48 +00:00
parent 42170052ec
commit ff46f178ce
3 changed files with 16 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

3
locales/de.yml
View file

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

3
locales/en.yml
View file

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

32
src/components/TextareaCopyable.vue
View file

@ -10,21 +10,21 @@ import iniHljs from 'highlight.js/lib/languages/ini';
import markdownHljs from 'highlight.js/lib/languages/markdown';
import { useCopy } from '@/composable/copy';
const props = defineProps<{
value: string
followHeightOf?: HTMLElement | null
language?: string
copyPlacement?: 'top-right' | 'bottom-right' | 'outside' | 'none'
copyMessage?: string
}>();
const { t } = useI18n();
const defaultProps = withDefaults(props, {
followHeightOf: null,
language: 'txt',
copyPlacement: 'top-right',
copyMessage: t('copyClipboard.tooltip'),
});
const props = withDefaults(
defineProps<{
value: string
followHeightOf?: HTMLElement | null
language?: string
copyPlacement?: 'top-right' | 'bottom-right' | 'outside' | 'none'
copyMessage?: string
}>(),
{
followHeightOf: null,
language: 'txt',
copyPlacement: 'top-right',
copyMessage: 'Copy to clipboard',
},
);
hljs.registerLanguage('sql', sqlHljs);
hljs.registerLanguage('json', jsonHljs);
hljs.registerLanguage('html', xmlHljs);
@ -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 ? t('copyClipboard.success') : copyMessage.value);
const tooltipText = computed(() => isJustCopied.value ? 'Copied!' : copyMessage.value);
</script>
<template>