fix: documentation deployment

LouisMazel · Apr 25, 2024 · 3adbb32 · 3adbb32
1 parent 1d2fab3
commit 3adbb32
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 24 deletions.
diff --git a/packages/lib/components/MazBackdrop.vue b/packages/lib/components/MazBackdrop.vue
@@ -56,13 +56,13 @@
 
   const emits = defineEmits<{
     /** emitted when modal is open */
-    (name: 'open'): void
+    open: [value: void]
     /** emitted when modal is close */
-    (name: 'close'): void
+    close: [value: void]
     /** emitted when modal is open or close */
-    (name: 'update:model-value', value: boolean): void
+    'update:model-value': [value: boolean]
     /** emitted before modal is close */
-    (name: 'before-close'): void
+    'before-close': [value: void]
   }>()
 
   export type Props = {

diff --git a/packages/lib/components/MazDialog.vue b/packages/lib/components/MazDialog.vue
@@ -2,6 +2,7 @@
   <MazBackdrop
     v-bind="backdropAttrs"
     :persistent
+    :model-value="modelValue"
     transition-name="modal-anim"
     aria-labelledby="dialogTitle"
     aria-describedby="dialogDesc"
@@ -72,12 +73,14 @@
     type StyleValue,
     type HTMLAttributes,
   } from 'vue'
-  import MazBackdrop from './MazBackdrop.vue'
+  import MazBackdrop, { type Props as MazBackdropProps } from './MazBackdrop.vue'
 
   const MazBtn = defineAsyncComponent(() => import('./MazBtn.vue'))
   const XIcon = defineAsyncComponent(() => import('./../icons/x-mark.svg'))
 
   export type Props = {
+    /** @model Modal's model value */
+    modelValue: boolean
     /** Title of the modal in header */
     title?: string
     /** Remove the close button in header */
@@ -94,7 +97,7 @@
     persistent?: boolean
   }
 
-  withDefaults(defineProps<Props>(), {
+  withDefaults(defineProps<Props & MazBackdropProps>(), {
     title: undefined,
     noClose: false,
     width: '500px',
@@ -104,14 +107,14 @@
     persistent: false,
   })
 
-  defineEmits([
-    /** Model binding */
-    'update:model-value',
-    /** Emitted when dialog is closed (after animation) */
-    'close',
-    /** Emitted when dialog is opened (after animation) */
-    'open',
-  ])
+  defineEmits<{
+    /** emitted when modal is open */
+    open: [value: void]
+    /** emitted when modal is close */
+    close: [value: void]
+    /** emitted when modal is open or close */
+    'update:model-value': [value: boolean]
+  }>()
 
   const attrs = useAttrs()
 

diff --git a/packages/lib/components/MazDialogPromise.vue b/packages/lib/components/MazDialogPromise.vue
@@ -86,15 +86,6 @@
     type DialogData,
   } from './MazDialogPromise/use-maz-dialog-promise'
   export type { Color, Size } from './types'
-
-  export type Props = {
-    /** Dialog Data - type DialogData */
-    data?: DialogData
-    /** Uniq identifier */
-    identifier: string
-    /** Custom buttons - type DialogButton[] */
-    buttons?: CustomDialogButton[]
-  } & MazDialogProps
 </script>
 
 <script lang="ts" setup>
@@ -110,7 +101,16 @@
   import MazDialog, { type Props as MazDialogProps } from './MazDialog.vue'
   const MazBtn = defineAsyncComponent(() => import('./MazBtn.vue'))
 
-  const props = withDefaults(defineProps<Props>(), {
+  export type Props = {
+    /** Dialog Data - type DialogData */
+    data?: DialogData
+    /** Uniq identifier */
+    identifier: string
+    /** Custom buttons - type DialogButton[] */
+    buttons?: CustomDialogButton[]
+  }
+
+  const props = withDefaults(defineProps<Props & MazDialogProps>(), {
     data: undefined,
     buttons: undefined,
   })