From d8cdf117f7d064090946f84ec858e96dbc5f33da Mon Sep 17 00:00:00 2001
From: marvin-j97 <33938500+marvin-j97@users.noreply.github.com>
Date: Fri, 14 Jul 2023 01:08:53 +0200
Subject: [PATCH] feat(case converter): add uppercase and lowercase

---
 src/components/InputCopyable.vue            | 2 +-
 src/tools/case-converter/case-converter.vue | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/InputCopyable.vue b/src/components/InputCopyable.vue
index 0c689097..db26f458 100644
--- a/src/components/InputCopyable.vue
+++ b/src/components/InputCopyable.vue
@@ -11,7 +11,7 @@ const { copy } = useClipboard({ source: value });
 
 function onCopyClicked() {
   copy();
-  tooltipText.value = 'Copied !';
+  tooltipText.value = 'Copied!';
 
   setTimeout(() => {
     tooltipText.value = 'Copy to clipboard';
diff --git a/src/tools/case-converter/case-converter.vue b/src/tools/case-converter/case-converter.vue
index 1a2e3af0..04d6a393 100644
--- a/src/tools/case-converter/case-converter.vue
+++ b/src/tools/case-converter/case-converter.vue
@@ -36,6 +36,12 @@ const input = ref('lorem ipsum dolor sit amet');
 
       <n-divider />
 
+      <n-form-item label="Lowercase:">
+        <InputCopyable :value="input.toLowerCase()" />
+      </n-form-item>
+      <n-form-item label="Uppercase:">
+        <InputCopyable :value="input.toUpperCase()" />
+      </n-form-item>
       <n-form-item label="Camelcase:">
         <InputCopyable :value="camelCase(input, baseConfig)" />
       </n-form-item>