diff --git a/lib/components/base/Modal.vue b/lib/components/base/Modal.vue
index 2b4f716d14..33c5f988e4 100644
--- a/lib/components/base/Modal.vue
+++ b/lib/components/base/Modal.vue
@@ -22,10 +22,13 @@
   </div>
 </template>
 
-<script>
+<script setup>
 import { XIcon } from '@/components'
+</script>
+<script>
+import { defineComponent } from 'vue'
 
-export default {
+export default defineComponent({
   props: {
     header: {
       type: String,
@@ -49,7 +52,7 @@ export default {
       this.shown = false
     },
   },
-}
+})
 </script>
 
 <style lang="scss" scoped>