From 802c404ce142dc9b719c4e07ced39c68f4163c04 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <me@hydev.org>
Date: Sat, 25 Dec 2021 01:19:39 -0500
Subject: [PATCH] [+] Add title to collapse

---
 src/components/Collapse.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/Collapse.vue b/src/components/Collapse.vue
index 039ef6a..32c5acf 100644
--- a/src/components/Collapse.vue
+++ b/src/components/Collapse.vue
@@ -1,20 +1,30 @@
 <template>
     <div class="collapse">
-        <slot></slot>
+        <h3 v-html="displayTitle"></h3>
+        <div class="content">
+            <slot></slot>
+        </div>
     </div>
 </template>
 
 <script lang="ts">
 import {Options, Vue} from 'vue-class-component';
+import {Prop} from "vue-property-decorator";
 
 @Options({components: {}})
 export default class Collapse extends Vue
 {
+    @Prop() title!: string
 
+    get displayTitle(): string
+    {
+        return decodeURIComponent(this.title)
+    }
 }
 </script>
 
 <style lang="sass">
 .collapse
-    display: none
+    .content
+        display: none
 </style>