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

feat(ux): copyable input

Browse source
This commit is contained in:
Corentin Thomasset 2022-04-16 01:15:23 +02:00
parent 7a7372df19
commit 1859a9a174
No known key found for this signature in database
GPG key ID: DBD997E935996158
5 changed files with 79 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/tools/case-converter/case-converter.vue
View file

@ -11,39 +11,38 @@
<n-divider />
<n-form-item label="Camelcase:">
<n-input :value="camelCase(input)" />
<input-copyable :value="camelCase(input)" />
</n-form-item>
<n-form-item label="Capitalcase:">
<n-input :value="capitalCase(input)" />
<input-copyable :value="capitalCase(input)" />
</n-form-item>
<n-form-item label="Constantcase:">
<n-input :value="constantCase(input)" />
<input-copyable :value="constantCase(input)" />
</n-form-item>
<n-form-item label="Dotcase:">
<n-input :value="dotCase(input)" />
<input-copyable :value="dotCase(input)" />
</n-form-item>
<n-form-item label="Headercase:">
<n-input :value="headerCase(input)" />
<input-copyable :value="headerCase(input)" />
</n-form-item>
<n-form-item label="Nocase:">
<n-input :value="noCase(input)" />
<input-copyable :value="noCase(input)" />
</n-form-item>
<n-form-item label="Paramcase:">
<n-input :value="paramCase(input)" />
<input-copyable :value="paramCase(input)" />
</n-form-item>
<n-form-item label="Pascalcase:">
<n-input :value="pascalCase(input)" />
<input-copyable :value="pascalCase(input)" />
</n-form-item>
<n-form-item label="Pathcase:">
<n-input :value="pathCase(input)" />
<input-copyable :value="pathCase(input)" />
</n-form-item>
<n-form-item label="Sentencecase:">
<n-input :value="sentenceCase(input)" />
<input-copyable :value="sentenceCase(input)" />
</n-form-item>
<n-form-item label="Snakecase:">
<n-input :value="snakeCase(input)" />
<input-copyable :value="snakeCase(input)" />
</n-form-item>
</n-form>
</n-card>
@ -51,6 +50,8 @@
<script setup lang="ts">
import { ref } from 'vue';
import InputCopyable from "../../components/InputCopyable.vue";
import {
camelCase,
capitalCase,