From 10287dd8de18dc11d18a902230ba41539fd88a1a Mon Sep 17 00:00:00 2001
From: marvin-j97 <33938500+marvin-j97@users.noreply.github.com>
Date: Fri, 14 Jul 2023 01:12:43 +0200
Subject: [PATCH] (case converter) correctly use stripRegexp

---
 src/tools/case-converter/case-converter.vue | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

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