sidebar component

src/components/ui/sheet/Sheet.vue

@@ -0,0 +1,18 @@
+<script setup>
+    import { DialogRoot, useForwardPropsEmits } from 'reka-ui';
+
+    const props = defineProps({
+        open: { type: Boolean, required: false },
+        defaultOpen: { type: Boolean, required: false },
+        modal: { type: Boolean, required: false }
+    });
+    const emits = defineEmits(['update:open']);
+
+    const forwarded = useForwardPropsEmits(props, emits);
+</script>
+
+<template>
+    <DialogRoot v-slot="slotProps" data-slot="sheet" v-bind="forwarded">
+        <slot v-bind="slotProps" />
+    </DialogRoot>
+</template>