From b4c3189604e535f311e8854ccb412ab043d86e7b Mon Sep 17 00:00:00 2001
From: Hykilpikonna <me@hydev.org>
Date: Sat, 25 Dec 2021 00:48:09 -0500
Subject: [PATCH] [+] Add collapse component

---
 src/components/Collapse.vue | 20 ++++++++++++++++++++
 src/main.ts                 |  2 ++
 2 files changed, 22 insertions(+)
 create mode 100644 src/components/Collapse.vue

diff --git a/src/components/Collapse.vue b/src/components/Collapse.vue
new file mode 100644
index 0000000..039ef6a
--- /dev/null
+++ b/src/components/Collapse.vue
@@ -0,0 +1,20 @@
+<template>
+    <div class="collapse">
+        <slot></slot>
+    </div>
+</template>
+
+<script lang="ts">
+import {Options, Vue} from 'vue-class-component';
+
+@Options({components: {}})
+export default class Collapse extends Vue
+{
+
+}
+</script>
+
+<style lang="sass">
+.collapse
+    display: none
+</style>
diff --git a/src/main.ts b/src/main.ts
index c186c97..86cc5b1 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -3,8 +3,10 @@ import App from './App.vue'
 import router from './scripts/router'
 import {i18n} from "@/messages";
 import '@fortawesome/fontawesome-free/css/all.min.css'
+import Collapse from "@/components/Collapse.vue";
 
 const app = createApp(App).use(router).use(i18n)
+    .component('Collapse', Collapse)
     .component('Dynamic', {
         props: ['template'],
         render() {