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

(case converter) correctly use stripRegexp

Browse source
This commit is contained in:
marvin-j97 2023-07-14 01:12:43 +02:00
parent d8cdf117f7
commit 10287dd8de
1 changed files with 5 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -19,28 +19,22 @@ const baseConfig = {
}; };
const input = ref('lorem ipsum dolor sit amet'); const input = ref('lorem ipsum dolor sit amet');
const strippedInput = computed(() => input.value.split(" ").map(x => x.replace(baseConfig.stripRegexp, "")).join(" "))
</script> </script>
<template> <template>
<c-card> <c-card>
<n-form label-width="120" label-placement="left" :show-feedback="false"> <n-form label-width="120" label-placement="left" :show-feedback="false">
<c-input-text <c-input-text v-model:value="input" label="Your string" label-position="left" label-width="120px"
v-model:value="input" label-align="right" placeholder="Your string..." raw-text />
label="Your string"
label-position="left"
label-width="120px"
label-align="right"
placeholder="Your string..."
raw-text
/>
<n-divider /> <n-divider />
<n-form-item label="Lowercase:"> <n-form-item label="Lowercase:">
<InputCopyable :value="input.toLowerCase()" /> <InputCopyable :value="strippedInput.toLowerCase()" />
</n-form-item> </n-form-item>
<n-form-item label="Uppercase:"> <n-form-item label="Uppercase:">
<InputCopyable :value="input.toUpperCase()" /> <InputCopyable :value="strippedInput.toUpperCase()" />
</n-form-item> </n-form-item>
<n-form-item label="Camelcase:"> <n-form-item label="Camelcase:">
<InputCopyable :value="camelCase(input, baseConfig)" /> <InputCopyable :value="camelCase(input, baseConfig)" />