replace el-collapse with Collapsible component

src/components/ui/collapsible/Collapsible.vue

@@ -0,0 +1,21 @@
+<script setup>
+    import { CollapsibleRoot, useForwardPropsEmits } from 'reka-ui';
+
+    const props = defineProps({
+        defaultOpen: { type: Boolean, required: false },
+        open: { type: Boolean, required: false },
+        disabled: { type: Boolean, required: false },
+        unmountOnHide: { type: Boolean, required: false },
+        asChild: { type: Boolean, required: false },
+        as: { type: null, required: false }
+    });
+    const emits = defineEmits(['update:open']);
+
+    const forwarded = useForwardPropsEmits(props, emits);
+</script>
+
+<template>
+    <CollapsibleRoot v-slot="slotProps" data-slot="collapsible" v-bind="forwarded">
+        <slot v-bind="slotProps" />
+    </CollapsibleRoot>
+</template>

src/components/ui/collapsible/CollapsibleContent.vue

@@ -0,0 +1,15 @@
+<script setup>
+    import { CollapsibleContent } from 'reka-ui';
+
+    const props = defineProps({
+        forceMount: { type: Boolean, required: false },
+        asChild: { type: Boolean, required: false },
+        as: { type: null, required: false }
+    });
+</script>
+
+<template>
+    <CollapsibleContent data-slot="collapsible-content" v-bind="props">
+        <slot />
+    </CollapsibleContent>
+</template>

src/components/ui/collapsible/CollapsibleTrigger.vue

@@ -0,0 +1,14 @@
+<script setup>
+    import { CollapsibleTrigger } from 'reka-ui';
+
+    const props = defineProps({
+        asChild: { type: Boolean, required: false },
+        as: { type: null, required: false }
+    });
+</script>
+
+<template>
+    <CollapsibleTrigger data-slot="collapsible-trigger" v-bind="props">
+        <slot />
+    </CollapsibleTrigger>
+</template>

src/components/ui/collapsible/index.js

@@ -0,0 +1,3 @@
+export { default as Collapsible } from "./Collapsible.vue";
+export { default as CollapsibleContent } from "./CollapsibleContent.vue";
+export { default as CollapsibleTrigger } from "./CollapsibleTrigger.vue";