From 6666a843de721ed2eb16a8148f693411d28a7f7f Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Tue, 22 Dec 2020 13:36:19 +0100
Subject: [PATCH] Fix border color

---
 components/PageTitle.vue | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/components/PageTitle.vue b/components/PageTitle.vue
index 81b3abd..7884467 100644
--- a/components/PageTitle.vue
+++ b/components/PageTitle.vue
@@ -1,7 +1,7 @@
 <template>
   <h1
     class="mt-16 md:mt-32 font-bold text-2xl md:text-4xl mr-2 inline mb-4 border-b-2 border-solid"
-    :class="' border-'+ color +'-400'"
+    :class="getColor"
   >
     {{ $t(title) }}
     <slot />
@@ -20,6 +20,20 @@ export default {
       default: 'red',
       type: String
     }
+  },
+  computed: {
+    getColor() {
+      switch (this.color) {
+        case 'orange':
+          return 'border-orange-400'
+        case 'purple':
+          return 'border-purple-400'
+        case 'blue':
+          return 'border-blue-400'
+        case 'green':
+          return 'border-orange-400'
+      }
+    }
   }
 }
 </script>