diff --git a/.changeset/.prettierrc.json b/.changeset/.prettierrc.json
new file mode 100644
index 000000000..544138be4
--- /dev/null
+++ b/.changeset/.prettierrc.json
@@ -0,0 +1,3 @@
+{
+  "singleQuote": true
+}
diff --git a/packages/@core/ui-kit/shadcn-ui/src/ui/dialog/DialogOverlay.vue b/packages/@core/ui-kit/shadcn-ui/src/ui/dialog/DialogOverlay.vue
index 23f9f9ca6..90676fc82 100644
--- a/packages/@core/ui-kit/shadcn-ui/src/ui/dialog/DialogOverlay.vue
+++ b/packages/@core/ui-kit/shadcn-ui/src/ui/dialog/DialogOverlay.vue
@@ -1,5 +1,13 @@
-<script lang="ts">
+<script setup lang="ts">
+import type { DialogOverlayProps } from 'reka-ui';
+
 import { DialogOverlay } from 'reka-ui';
 
-export default DialogOverlay;
+const props = defineProps<DialogOverlayProps>();
 </script>
+
+<template>
+  <DialogOverlay data-slot="dialog-overlay" v-bind="props">
+    <slot></slot>
+  </DialogOverlay>
+</template>