diff --git a/docs/components/content/ModalBottom.vue b/docs/components/content/ModalBottom.vue
index bbea0e46..4fc0d8e1 100644
--- a/docs/components/content/ModalBottom.vue
+++ b/docs/components/content/ModalBottom.vue
@@ -4,6 +4,10 @@ import { VueFinalModal } from 'vue-final-modal'
 defineProps<{
   title?: string
 }>()
+
+const emit = defineEmits<{
+  (e: 'close'): void
+}>()
 </script>
 
 <template>
@@ -12,6 +16,7 @@ defineProps<{
     swipe-to-close="down"
     content-transition="vfm-slide-down"
     overlay-transition="vfm-fade"
+    @close="() => emit('close')"
   >
     <h1 class="text-xl">
       {{ title }}