From 1b8f74d8224eb6a4d372c7eca53fbf148420e1c8 Mon Sep 17 00:00:00 2001
From: Benjamin Hackl <devel@benjamin-hackl.at>
Date: Sat, 10 May 2025 20:45:42 -0400
Subject: [PATCH] re-add abstract collapse animation

---
 components/talk.vue | 9 ++++++---
 package.json        | 1 +
 pnpm-lock.yaml      | 8 ++++++++
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/components/talk.vue b/components/talk.vue
index afed147..9eb7469 100644
--- a/components/talk.vue
+++ b/components/talk.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { TalksCollectionItem } from '@nuxt/content';
 import { ref } from 'vue';
+import { Collapse } from 'vue-collapsed'
 
 defineProps<{
     talk: TalksCollectionItem
@@ -24,9 +25,11 @@ const expanded = ref(false);
                 <span v-if="!expanded">[+]</span>
                 <span v-else>[-]</span>
             </button>
-            <div class="mt-1 text-sm" v-show="expanded">
-                <ContentRenderer :value="talk" />
-            </div>
+            <Collapse :when="expanded">
+                <div class="mt-1 text-sm">
+                    <ContentRenderer :value="talk" />
+                </div>
+            </Collapse>
         </template>
     </dd>
 </template>
\ No newline at end of file
diff --git a/package.json b/package.json
index 1233f09..4ea204e 100644
--- a/package.json
+++ b/package.json
@@ -23,6 +23,7 @@
     "remark-math": "^6.0.0",
     "tailwindcss": "^4.1.4",
     "vue": "^3.5.13",
+    "vue-collapsed": "^1.3.4",
     "vue-router": "^4.5.0"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6a272ef..aaf8182 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -50,6 +50,9 @@ importers:
       vue:
         specifier: ^3.5.13
         version: 3.5.13(typescript@5.8.3)
+      vue-collapsed:
+        specifier: ^1.3.4
+        version: 1.3.4
       vue-router:
         specifier: ^4.5.0
         version: 4.5.1(vue@3.5.13(typescript@5.8.3))
@@ -4482,6 +4485,9 @@ packages:
   vue-bundle-renderer@2.1.1:
     resolution: {integrity: sha512-+qALLI5cQncuetYOXp4yScwYvqh8c6SMXee3B+M7oTZxOgtESP0l4j/fXdEJoZ+EdMxkGWIj+aSEyjXkOdmd7g==}
 
+  vue-collapsed@1.3.4:
+    resolution: {integrity: sha512-W92b+QT3n5iTrfrH6kyvx3TsriYPfy/Ymsb6DaanjeMkJYMdVl1S4wzKRYVDsxWQPDxiC+5m+UwPwT/8YAYodA==}
+
   vue-component-meta@2.2.10:
     resolution: {integrity: sha512-awylfiFFx/RFJKnu424R+btiGBEJgHa1RdJqb7SrbF5OKNYrL4VWkq49Fgvs/YbCsGSwVOjSl4em/mwOlrQ8/Q==}
     peerDependencies:
@@ -10163,6 +10169,8 @@ snapshots:
     dependencies:
       ufo: 1.6.1
 
+  vue-collapsed@1.3.4: {}
+
   vue-component-meta@2.2.10(typescript@5.8.3):
     dependencies:
       '@volar/typescript': 2.4.13