From 325f27b547429f77781fc38978beaf7747bcfbcc Mon Sep 17 00:00:00 2001
From: Corentin Thomasset <corentin.thomasset74@gmail.com>
Date: Wed, 9 Aug 2023 23:13:01 +0200
Subject: [PATCH] refactor(case converter): using nocase to convert to upper
 and lower case

---
 src/tools/case-converter/case-converter.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/tools/case-converter/case-converter.vue b/src/tools/case-converter/case-converter.vue
index 5e0dc016..cca06063 100644
--- a/src/tools/case-converter/case-converter.vue
+++ b/src/tools/case-converter/case-converter.vue
@@ -19,7 +19,10 @@ const baseConfig = {
 };
 
 const input = ref('lorem ipsum dolor sit amet');
-const strippedInput = computed(() => input.value.split(' ').map(x => x.replace(baseConfig.stripRegexp, '')).join(' '));
+
+// Using noCase to convert to lowercase and uppercase to ensure consistent splitting
+const toLowerCase = (str: string) => noCase(str, baseConfig).toLocaleLowerCase();
+const toUpperCase = (str: string) => noCase(str, baseConfig).toLocaleUpperCase();
 </script>
 
 <template>
@@ -33,10 +36,10 @@ const strippedInput = computed(() => input.value.split(' ').map(x => x.replace(b
       <n-divider />
 
       <n-form-item label="Lowercase:">
-        <InputCopyable :value="strippedInput.toLowerCase()" />
+        <InputCopyable :value="toLowerCase(input)" />
       </n-form-item>
       <n-form-item label="Uppercase:">
-        <InputCopyable :value="strippedInput.toUpperCase()" />
+        <InputCopyable :value="toUpperCase(input)" />
       </n-form-item>
       <n-form-item label="Camelcase:">
         <InputCopyable :value="camelCase(input, baseConfig)" />