diff --git a/src/runtime/components/overlays/Modal.vue b/src/runtime/components/overlays/Modal.vue
index 09829c53..7b9ec08c 100644
--- a/src/runtime/components/overlays/Modal.vue
+++ b/src/runtime/components/overlays/Modal.vue
@@ -1,5 +1,5 @@
 <template>
-  <TransitionRoot :show="isOpen" as="template">
+  <TransitionRoot :appear="appear" :show="isOpen" as="template">
     <Dialog @close="setIsOpen">
       <div class="fixed z-20 inset-0 overflow-y-auto">
         <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0">
@@ -66,6 +66,10 @@ export default {
     modelValue: {
       type: Boolean,
       default: false
+    },
+    appear: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['update:modelValue'],