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: make pasting work

Browse source
This commit is contained in:
ShareVB 2024-09-04 22:27:10 +02:00
parent 1e7ace4296
commit 5b916105d3
4 changed files with 22 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

4
components.d.ts vendored
View file

@ -138,13 +138,17 @@ declare module '@vue/runtime-core' {
NH1: typeof import('naive-ui')['NH1'] NH1: typeof import('naive-ui')['NH1']
NH3: typeof import('naive-ui')['NH3'] NH3: typeof import('naive-ui')['NH3']
NIcon: typeof import('naive-ui')['NIcon'] NIcon: typeof import('naive-ui')['NIcon']
NInput: typeof import('naive-ui')['NInput']
NInputNumber: typeof import('naive-ui')['NInputNumber'] NInputNumber: typeof import('naive-ui')['NInputNumber']
NLabel: typeof import('naive-ui')['NLabel'] NLabel: typeof import('naive-ui')['NLabel']
NLayout: typeof import('naive-ui')['NLayout'] NLayout: typeof import('naive-ui')['NLayout']
NLayoutSider: typeof import('naive-ui')['NLayoutSider'] NLayoutSider: typeof import('naive-ui')['NLayoutSider']
NLi: typeof import('naive-ui')['NLi']
NMenu: typeof import('naive-ui')['NMenu'] NMenu: typeof import('naive-ui')['NMenu']
NP: typeof import('naive-ui')['NP']
NScrollbar: typeof import('naive-ui')['NScrollbar'] NScrollbar: typeof import('naive-ui')['NScrollbar']
NSpin: typeof import('naive-ui')['NSpin'] NSpin: typeof import('naive-ui')['NSpin']
NUl: typeof import('naive-ui')['NUl']
NumeronymGenerator: typeof import('./src/tools/numeronym-generator/numeronym-generator.vue')['default'] NumeronymGenerator: typeof import('./src/tools/numeronym-generator/numeronym-generator.vue')['default']
OtpCodeGeneratorAndValidator: typeof import('./src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue')['default'] OtpCodeGeneratorAndValidator: typeof import('./src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue')['default']
PasswordStrengthAnalyser: typeof import('./src/tools/password-strength-analyser/password-strength-analyser.vue')['default'] PasswordStrengthAnalyser: typeof import('./src/tools/password-strength-analyser/password-strength-analyser.vue')['default']

4
src/tools/paste-as-markdown/index.ts
View file

@ -4,8 +4,8 @@ import { defineTool } from '../tool';
export const tool = defineTool({ export const tool = defineTool({
name: 'Paste as Markdown', name: 'Paste as Markdown',
path: '/paste-as-markdown', path: '/paste-as-markdown',
description: 'Paste clipboard content as Markdown', description: 'Paste cells/tables and links from clipboard content as Markdown',
keywords: ['paste', 'markdown'], keywords: ['paste', 'cell', 'table', 'links', 'md', 'markdown'],
component: () => import('./paste-as-markdown.vue'), component: () => import('./paste-as-markdown.vue'),
icon: Markdown, icon: Markdown,
createdAt: new Date('2024-07-14'), createdAt: new Date('2024-07-14'),

17
src/tools/paste-as-markdown/paste-as-markdown.vue
View file

@ -1,20 +1,31 @@
<script setup lang="ts"> <script setup lang="ts">
import { subscribe } from '@github/paste-markdown'; import { subscribe } from '@github/paste-markdown';
import CInputText from '@/ui/c-input-text/c-input-text.vue';
const inputElement = ref<HTMLElement>(); const inputElement = ref<typeof CInputText>();
const markdown = ref(''); const markdown = ref('');
// Subscribe the behavior to the textarea. // Subscribe the behavior to the textarea.
onMounted(() => { onMounted(() => {
subscribe(inputElement.value as never); subscribe(inputElement.value?.textareaRef as never);
}); });
</script> </script>
<template> <template>
<c-card title="Paste in Markdown" class="paste-zone"> <c-card title="Paste in Markdown" class="paste-zone">
<textarea <n-ul>
<n-li>Paste spreadsheet cells and HTML tables as a Markdown tables.</n-li>
<n-li>Paste URLs on selected text as Markdown links.</n-li>
<n-li>Paste text containing links as text containing Markdown links.</n-li>
<n-li>Paste image URLs as Markdown image links.</n-li>
</n-ul>
<CInputText
ref="inputElement" ref="inputElement"
v-model:value="markdown"
multiline
placeholder="Paste your content here..."
rows="10" rows="10"
w-full
/> />
</c-card> </c-card>
</template> </template>

2
src/ui/c-input-text/c-input-text.vue
View file

@ -137,6 +137,8 @@ onMounted(() => {
defineExpose({ defineExpose({
inputWrapperRef, inputWrapperRef,
textareaRef,
inputRef,
focus, focus,
blur, blur,
}); });