chore: use `defineOptions` instead of script (#1154)

components/modal/ModalDialog.vue

@@ -53,6 +53,10 @@ const { modelValue: visible } = defineModel<{
   modelValue: boolean
 }>()
 
+defineOptions({
+  inheritAttrs: false,
+})
+
 const deactivated = useDeactivated()
 const route = useRoute()
 
@@ -132,12 +136,6 @@ useEventListener('keydown', (e: KeyboardEvent) => {
 })
 </script>
 
-<script lang="ts">
-export default {
-  inheritAttrs: false,
-}
-</script>
-
 <template>
   <Teleport to="body">
     <!-- Dialog component -->