From ebb8e8c2e463d49bbb9d8e6885d98cab8ee0b68a Mon Sep 17 00:00:00 2001
From: Freeze455 <baptiste.parmantier.pro@gmail.com>
Date: Wed, 6 Oct 2021 18:08:33 +0200
Subject: [PATCH] :pencil: Write documentation

---
 src/components/ColorContainer.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/ColorContainer.vue b/src/components/ColorContainer.vue
index f505610..d29cdf9 100644
--- a/src/components/ColorContainer.vue
+++ b/src/components/ColorContainer.vue
@@ -28,11 +28,11 @@
         <div class="flex justify-between">
           <div class="flex space-x-5">
             <div
-                class="h-10 w-10 rounded-md"
-                :class="popover.color"></div>
+              class="h-10 w-10 rounded-md"
+              :class="popover.color"></div>
             <div class="flex-col">
               <p>
-                {{ popover.color.replace(/-/g, '_').toUpperCase() }}
+                {{ popover.color.replace(/bg-/g, '').replace(/-/g, '_').toUpperCase() }}
               </p>
               <div class="mt-3 flex space-x-7">
                 <button
@@ -75,7 +75,10 @@ function handleChoose (color: string) {
 
 function handleCopy () {
   navigator.clipboard.writeText(
-      popover.color.replace(/-/g, '_').toUpperCase()
+      popover.color
+          .replace(/-/g, '_')
+          .toUpperCase()
+          .replace(/BG_/g, '')
   )
   popover.show = false
   popover.color = null