From f62667b84d85be932bbc9a1e9fb5e1d8cea48d8c Mon Sep 17 00:00:00 2001
From: mStirner <marc.stirner@hotmail.de>
Date: Fri, 30 Dec 2022 01:16:15 +0100
Subject: [PATCH] backup before implement #51

---
 src/components/Collapsable copy.vue | 42 +++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 src/components/Collapsable copy.vue

diff --git a/src/components/Collapsable copy.vue b/src/components/Collapsable copy.vue
new file mode 100644
index 0000000..3f0de5f
--- /dev/null
+++ b/src/components/Collapsable copy.vue	
@@ -0,0 +1,42 @@
+<script>
+export default {
+  props: {
+    collapsed: {
+      default: false,
+      type: Boolean,
+    },
+  },
+  computed: {
+    text() {
+      return this.collapsed ? "Expand" : "Collapse";
+    },
+  },
+};
+</script>
+
+
+<template>
+  <div>
+    <div class="row">
+      <div class="col-2">
+        <h3>
+          <slot name="title" id="title"></slot>
+        </h3>
+      </div>
+      <div class="col-9">
+        <hr class="w-100" />
+      </div>
+      <div class="col-1">
+        <button
+          class="btn btn-outline-primary w-100"
+          @click="collapsed = !collapsed"
+        >
+          {{ text }}
+        </button>
+      </div>
+    </div>
+    <div class="row" v-show="!collapsed">
+      <slot></slot>
+    </div>
+  </div>
+</template>