feat: allow useModal options to pass defaultModelValue

Author: hunterliu1003

docs/content/2.get-started/1.guide/4.types.md

@@ -36,6 +36,7 @@ export type UseModalOptionsPrivate<
   ModalProps extends ComponentProps = {},
   DefaultSlotProps extends ComponentProps = {},
 > = {
+  defaultModelValue: boolean
   context?: Vfm
   component: Component
   attrs?: ModalProps
@@ -59,6 +60,7 @@ export type UseModalOptions<
   DefaultSlotProps extends ComponentProps = {},
 > = Pick<
   UseModalOptionsPrivate<ModalProps, DefaultSlotProps>,
+  | 'defaultModelValue'
   | 'context'
   | 'component'
   | 'attrs'

packages/vue-final-modal/src/Modal.ts

@@ -14,6 +14,7 @@ export type UseModalOptionsPrivate<
   ModalProps extends ComponentProps = {},
   DefaultSlotProps extends ComponentProps = {},
 > = {
+  defaultModelValue: boolean
   context?: Vfm
   component: Component
   attrs?: ModalProps
@@ -33,6 +34,7 @@ export type UseModalOptions<
   DefaultSlotProps extends ComponentProps = {},
 > = Pick<
   UseModalOptionsPrivate<ModalProps, DefaultSlotProps>,
+  | 'defaultModelValue'
   | 'context'
   | 'component'
   | 'attrs'

packages/vue-final-modal/src/useApi.ts

@@ -57,7 +57,7 @@ function defineModal<
 >(_options: UseModalOptions<ModalProps, DefaultSlotProps>): UseModalReturnType<ModalProps, DefaultSlotProps> {
   const options = reactive({
     id: Symbol('useModal'),
-    modelValue: false,
+    modelValue: !!_options.defaultModelValue,
     ...withMarkRaw(_options),
   }) as UseModalOptionsPrivate<ModalProps, DefaultSlotProps>